两个js文件有冲突，应该怎么解决呢？希望各位指点。

学习de小子 2011-05-24 09:59:16
具体情况：两个js文件jquery-1.1.3.1.js和jquery-1.2.6.pack.js。它们分别在不同的js特效里使用。现在要在同一个页面使用两个特效，结果就冲突了。只有其中的一个特效正常。情况很紧，麻烦各位高手们指点下。小弟，不胜感激！
补充：jQuery.noConflict();这个可以解决吗？如果可以，应该怎样处理好呢？我搞不过来。
...全文
936 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
学习de小子 2011-06-09
  • 打赏
  • 举报
 回复
虽然问题没有解决，但还是感谢各位的热情帮助。特别是toury(理上网来)，分少希望不要嫌弃，谢谢你！
cjh200102 2011-06-01
  • 打赏
  • 举报
 回复
慢慢来，别急。总会有解决的
学习de小子 2011-05-31
  • 打赏
  • 举报
 回复
谢谢各位支持，问题依然解决不了。心里那个急啊
frankrenping 2011-05-30
  • 打赏
  • 举报
 回复
[Quote=引用 13 楼 hch126163 的回复:]
你要2个什么特效啊？找同一个版本的jquery 实现的，多好！

js 多了，冲突不说。对页面加载速度影响很大！
[/Quote]

我觉的讲的有理，有时不能在一颗树上吊死，连toury这样的高手都搞不定，就很难再有人去搞了。
对JQ不熟悉，就不好办哦。继续网上找吧。
学习de小子 2011-05-30
  • 打赏
  • 举报
 回复
还是没人。。。。。。。。。。。。。。。。
学习de小子 2011-05-29
  • 打赏
  • 举报
 回复
[Quote=引用 13 楼 hch126163 的回复:]
你要2个什么特效啊？找同一个版本的jquery 实现的，多好！

js 多了，冲突不说。对页面加载速度影响很大！
[/Quote]

一个是滚动条的js，一个是图片切换的js。我jq不熟悉，都是网上找的。结果用到一起就冲突了。郁闷啊……还望你可以指点一二。
wr_hust 2011-05-28
  • 打赏
  • 举报
 回复
搞定了，谢谢！
hch126163 2011-05-28
  • 打赏
  • 举报
 回复
你要2个什么特效啊？找同一个版本的jquery 实现的，多好！

js 多了，冲突不说。对页面加载速度影响很大！
丅个路口见 2011-05-28
  • 打赏
  • 举报
 回复
学习了
学习de小子 2011-05-27
  • 打赏
  • 举报
 回复
高手都给我气跑了，5555。。。。。。。。。。
学习de小子 2011-05-24
  • 打赏
  • 举报
 回复
你的说法是不是这样改呢？真的不是很懂。但是改了，现在两个特效都用不了。


<!--==================================这里是基于jquery-1.1.3.1.js的特效  start=====-->

<script type="text/javascript" src="js/jquery-1.1.3.1.js"></script> 

<script type="text/javascript" src="js/jquery.linscroll.js"></script> 

<script type="text/javascript"> 

$(document).ready( 

function(){ 

$('#ppic').setScroll( //scrollContent为滚动层的ID 

{img:'images/scroll_bk.gif',width:10},//背景图及其宽度 

{img:'images/scroll_arrow_up.gif',height:3},//up image 

{img:'images/scroll_arrow_down.gif',height:3},//down image 

{img:'images/scroll_bar.gif',height:25}//bar image 

);});   

</script>

<ul class="p_pic">

<!--调用的内容-->

</ul>

<!--==================================这里是基于jquery-1.1.3.1.js的特效  end=====-->







<!--=========================这里是基于jquery-1.2.6.pack.js的特效  start=====-->

<link href="css/css.css" type="text/css" rel="stylesheet">    

<SCRIPT src="js/jquery-1.2.6.pack.js" type=text/javascript></SCRIPT>

<SCRIPT src="js/base.js" type=text/javascript></SCRIPT>

<SCRIPT type=text/javascript>

var wchp = jQuery.noConflict(); 

</SCRIPT>

<div id=preview>

    <div class=jqzoom id=spec-n1 ><IMG height=392

    src="uploadfile/03.jpg" jqimg="uploadfile/03.jpg" width=587>

    </div>

    <div id=spec-n5>

        <div class=control id=spec-left>

            <img src="images/left.gif" />

        </div>

        <div id=spec-list>

            <ul class=list-h>

                <li><img src="uploadfile/01.jpg"> </li>

                <li><img src="uploadfile/02.jpg"> </li>

                <li><img src="uploadfile/03.jpg"> </li>

                <li><img src="uploadfile/04.jpg"> </li>

                <li><img src="uploadfile/05.jpg"> </li>

                <li><img src="uploadfile/06.jpg"> </li>

                <li><img src="uploadfile/07.jpg"> </li>

                <li><img src="uploadfile/01.jpg"> </li>

                <li><img src="uploadfile/02.jpg"> </li>

                <li><img src="uploadfile/03.jpg"> </li>

                <li><img src="uploadfile/04.jpg"> </li>

                <li><img src="uploadfile/05.jpg"> </li>

                <li><img src="uploadfile/06.jpg"> </li>

                <li><img src="uploadfile/07.jpg"> </li>

            

            </ul>

        </div>

        <div class=control id=spec-right>

            <img src="images/right.gif" />

        </div>

        

    </div>

</div>

<SCRIPT type=text/javascript>

	wchp(function(){			

	   wchp(".jqzoom").jqueryzoom({

			xzoom:200,

			yzoom:200,

			offset:10,

			position:"right",

			preload:1,

			lens:1

		});

		wchp("#spec-list").jdMarquee({

			deriction:"left",

			width:587,

			height:76,

			step:2,

			speed:4,

			delay:10,

			control:true,

			_front:"#spec-right",

			_back:"#spec-left"

		});

		wchp("#spec-list img").bind("mouseover",function(){

			var src=wchp(this).attr("src");

			wchp("#spec-n1 img").eq(0).attr({

				src:src.replace("\/n5\/","\/n1\/"),

				jqimg:src.replace("\/n5\/","\/n0\/")

			});

			wchp(this).css({

				"border":"2px solid #ff6600",

				"padding":"1px"

			});

		}).bind("mouseout",function(){

			wchp(this).css({

				"border":"1px solid #ccc",

				"padding":"2px"

			});

		});				

	})

	</SCRIPT>

<SCRIPT src="js/lib.js" type=text/javascript></SCRIPT>

<SCRIPT src="js/wwsdh.js" type=text/javascript></SCRIPT>

<!--=========================这里是基于jquery-1.2.6.pack.js的特效  end=====-->
toury 2011-05-24
  • 打赏
  • 举报
 回复
4、noConflict():
1)、保留JQ1.2.6 的noConflict():
var wchp = jQuery.noConflict();
// 基于 JQ1.2.6 的代码 实现的特效中，将$改为wchp
wchp ("..........")...............

2)、删除或更名JQ1.1.3.1中的noConflict()
// 基于JQ1.1.3.1的代码 ,继续使用$
$("......")..................
学习de小子 2011-05-24
  • 打赏
  • 举报
 回复
页面的主要源代码顺序如下，删除了我说的两个文件其中之一，另外一个js特效就正常。所以我想是这两个文件有冲突了。


<script type="text/javascript" src="js/jquery-1.1.3.1.js"></script> 

<script type="text/javascript" src="js/jquery.linscroll.js"></script> 

<script type="text/javascript"> 

$(document).ready( 

function(){ 

$('#ppic').setScroll( //scrollContent为滚动层的ID 

{img:'images/scroll_bk.gif',width:10},//背景图及其宽度 

{img:'images/scroll_arrow_up.gif',height:3},//up image 

{img:'images/scroll_arrow_down.gif',height:3},//down image 

{img:'images/scroll_bar.gif',height:25}//bar image 

);});   

</script>

<ul class="p_pic">

<!--调用的内容-->

</ul>







<link href="css/css.css" type="text/css" rel="stylesheet">	

<SCRIPT src="js/jquery-1.2.6.pack.js" type=text/javascript></SCRIPT>

<SCRIPT src="js/base.js" type=text/javascript></SCRIPT>

<div id=preview>

	<div class=jqzoom id=spec-n1 ><IMG height=392

	src="uploadfile/03.jpg" jqimg="uploadfile/03.jpg" width=587>

	</div>

	<div id=spec-n5>

		<div class=control id=spec-left>

			<img src="images/left.gif" />

		</div>

		<div id=spec-list>

			<ul class=list-h>

				<li><img src="uploadfile/01.jpg"> </li>

				<li><img src="uploadfile/02.jpg"> </li>

				<li><img src="uploadfile/03.jpg"> </li>

				<li><img src="uploadfile/04.jpg"> </li>

				<li><img src="uploadfile/05.jpg"> </li>

				<li><img src="uploadfile/06.jpg"> </li>

				<li><img src="uploadfile/07.jpg"> </li>

				<li><img src="uploadfile/01.jpg"> </li>

				<li><img src="uploadfile/02.jpg"> </li>

				<li><img src="uploadfile/03.jpg"> </li>

				<li><img src="uploadfile/04.jpg"> </li>

				<li><img src="uploadfile/05.jpg"> </li>

				<li><img src="uploadfile/06.jpg"> </li>

				<li><img src="uploadfile/07.jpg"> </li>

			

			</ul>

		</div>

		<div class=control id=spec-right>

			<img src="images/right.gif" />

		</div>

		

    </div>

</div>

<SCRIPT type=text/javascript>

	$(function(){			

	   $(".jqzoom").jqueryzoom({

			xzoom:400,

			yzoom:400,

			offset:10,

			position:"right",

			preload:1,

			lens:1

		});

		$("#spec-list").jdMarquee({

			deriction:"left",

			width:587,

			height:76,

			step:2,

			speed:4,

			delay:10,

			control:true,

			_front:"#spec-right",

			_back:"#spec-left"

		});

		$("#spec-list img").bind("mouseover",function(){

			var src=$(this).attr("src");

			$("#spec-n1 img").eq(0).attr({

				src:src.replace("\/n5\/","\/n1\/"),

				jqimg:src.replace("\/n5\/","\/n0\/")

			});

			$(this).css({

				"border":"2px solid #ff6600",

				"padding":"1px"

			});

		}).bind("mouseout",function(){

			$(this).css({

				"border":"1px solid #ccc",

				"padding":"2px"

			});

		});				

	})

	</SCRIPT>

<SCRIPT src="js/lib.js" type=text/javascript></SCRIPT>

<SCRIPT src="js/wwsdh.js" type=text/javascript></SCRIPT>
toury 2011-05-24
  • 打赏
  • 举报
 回复
下面的编辑器--#插入源码
学习de小子 2011-05-24
  • 打赏
  • 举报
 回复
好像不行啊，我可以把文件发到论坛来的吗？
toury 2011-05-24
  • 打赏
  • 举报
 回复
1、如果允许，将其中一个特效放到IFRAME里；
2、提取旧版本JQ的那个特效，写成一个新版JQ的扩展插件；
3、提取旧版本JQ的那个特效，改编称自己的函数方法。
4、noConflict():
var wchp = jQuery.noConflict();
// 基于 JQ1.2.6 的代码
wchp ("..........")...............
// 基于JQ1.1.3.1的代码
$("......")..................
学习de小子 2011-05-24
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 toury 的回复:]
引用 8 楼 wchp1003387075 的回复:

回复@toury(理上网来) ：

真的很感谢你的热情指导和耐心教导。我试下看看

别客气。7楼有一处要改一下再测试：
try{
wchp("#aa").html("这是jquery-1.2.6为DIV赋值的字串；使用的是别名wchp！！");
alert($("#aa").html())
}
catch……
[/Quote]
好像什么都没反应，怎么办？
toury 2011-05-24
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 wchp1003387075 的回复:]

回复@toury(理上网来) ：

真的很感谢你的热情指导和耐心教导。我试下看看
[/Quote]
别客气。7楼有一处要改一下再测试：
try{
wchp("#aa").html("这是jquery-1.2.6为DIV赋值的字串；使用的是别名wchp！！");
alert($("#aa").html())
}
catch(e2){alert(e2.message)}
---------------->>>
try{
wchp("#aa").html("这是jquery-1.2.6为DIV赋值的字串；使用的是别名wchp！！");
alert(wchp("#aa").html())
}
catch(e2){alert(e2.message)}
学习de小子 2011-05-24
  • 打赏
  • 举报
 回复
回复@toury(理上网来) ：

真的很感谢你的热情指导和耐心教导。我试下看看
toury 2011-05-24
  • 打赏
  • 举报
 回复
<div id=aa>测试JQ冲突</div>
<XMP>
1、将 jquery-1.1.3.1.js 中的noConflict函数更名
jQuery.extend({
noConflict11111: function() {<<<---------------------------------
if ( jQuery._$ )
$ = jQuery._$;
return jQuery;
},

2、你可以拷贝整个代码；

3、删除<script type="text/javascript" src="jquery-1.1.3.1.js"></script>进行测试

4、删除<script type="text/javascript" src="jquery-1.2.6.js"></script>进行测试

5、由于jquery-1.2.6.js使用了别名，因此，凡是与jquery-1.2.6.js有关的JS插件都受影响($都要改为别名wchp)

</XMP>
<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script>
onload=function(){
try{ var wchp=jQuery.noConflict(true); }
catch(e){alert(e.message)}

try{
$("#aa").html("这是jquery-1.1.3.1为DIV赋值的字串；使用的是$符号！");
alert($("#aa").html())
}
catch(e1){alert(e1.message)}

try{
wchp("#aa").html("这是jquery-1.2.6为DIV赋值的字串；使用的是别名wchp！！");
alert($("#aa").html())
}
catch(e2){alert(e2.message)}
}
</script>
教你快速查找电脑中的文件
平常工作中查找文件特别慢？不记得文件名，只记得文件的部分内容的情况下，无法查找文件，实在是...在这里教大家使用两个工具，1秒即可在电脑中找到你要的文件，支持按文件内容查找。学会后，让你的办公效率提升百倍。
ExtJs双ActionResult共用同一Js文件ID冲突解决方案
项目使用MVC+ExtJs实现，权限控制是基于Controller下的ActionResult的...现在直面我们的问题，两个ActionResult也就是两个页面，共用同一个Js文件，而这个文件又是ExtJs的，众所周知，ExtJs获取Dom是通过Ext.getCmp...
html 的同一个div的单击和长按冲突解决方案
同一个标签，触发两种不同的监听事件。 该事件主要用在移动端或触摸屏的设备上，在触摸屏上长按比双击用的多一点。 <div id="mydiv"></div> var flagClick =true; var timeout; $(document).ready(function() {...
两种方案解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题
其二、文件的配置问题，在脚手架进行创建项目的时候，有关多个文件名重名了(报错是 index.html 文件发生冲突了)？1、方案一、尝试用纯英文命名，避免中文命名的影响()；2、方案二、修改 文件名称，以及 webpack 的...
swiper如何防止冲突_swiper在单个页面同时绑定多个滑动效果+动画效果,如何才能不冲突...
助你完成普通程序员到优秀工程师的华丽...我想在绑定它们各自的容器都有动画效果，不受其他的影响，可是我这样绑定虽然滑动和动画效果出来，可是其余的容器的动画内容却被隐藏了，参数具体需要如何修改，能否指点下?
JavaScript

87,904

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章