Javascript 我的网站上的jQuery冲突
我相信我的网站存在jquery冲突问题。我正在运行使用jQuery v1.7.1的摄像头(jQuery滑块),以及使用jQuery 1.11.0的简单Instagram Fancybox 我正在将Instagram脚本加载到一个php包含文件中,如果编码到页面中,将加载该文件,但这将导致我的滑块无法加载Javascript 我的网站上的jQuery冲突,javascript,jquery,conflict,Javascript,Jquery,Conflict,我相信我的网站存在jquery冲突问题。我正在运行使用jQuery v1.7.1的摄像头(jQuery滑块),以及使用jQuery 1.11.0的简单Instagram Fancybox 我正在将Instagram脚本加载到一个php包含文件中,如果编码到页面中,将加载该文件,但这将导致我的滑块无法加载 (Camara Slider Javascripts) <script type='text/javascript' src='camera/scripts/jquery.min.js'&
(Camara Slider Javascripts)
<script type='text/javascript' src='camera/scripts/jquery.min.js'></script>
<script type='text/javascript' src='camera/scripts/jquery.mobile.customized.min.js'> </script>
<script type='text/javascript' src='camera/scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='camera/scripts/camera.js'></script>
(Instagram/Fancybox Javascripts)
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="fancybox2/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/simpleInstagramFancybox.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
(卡马拉滑块Javascripts)
(Instagram/Fancybox Javascripts)
如果你不介意的话,请写完整的代码和所有的标签,让我知道每个脚本的确切位置,我将不胜感激
我的网站是,请随意查看源代码,这是我的instagram脚本,我正试图使用滑块在主页上以包含文件的形式运行。您两次包含jquery库 改成这个顺序
(Camara Slider Javascripts)
<script type='text/javascript' src='camera/scripts/jquery.min.js'></script>
<script type='text/javascript' src='camera/scripts/jquery.mobile.customized.min.js'> </script>
<script type='text/javascript' src='camera/scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='camera/scripts/camera.js'></script>
(Instagram/Fancybox Javascripts)
<script type="text/javascript" src="fancybox2/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/simpleInstagramFancybox.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
(卡马拉滑块Javascripts)
(Instagram/Fancybox Javascripts)
如果需要两个版本,请使用$.noConflict
<script>
var jQuery_1_7_1 = $.noConflict(true);
</script>
var jQuery_1_7_1=$.noConflict(true);
像这样:
<script type='text/javascript' src='camera/scripts/jquery.min.js'></script>
<script type='text/javascript' src='camera/scripts/jquery.mobile.customized.min.js'> </script>
<script type='text/javascript' src='camera/scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='camera/scripts/camera.js'></script>
<script>
var jQuery_1_7_1 = $.noConflict(true);
</script>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="fancybox2/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/simpleInstagramFancybox.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
var jQuery_1_7_1=$.noConflict(true);
高于$.noConflict行的所有内容都将使用1.7.1
这是我的建议
另外,根据您的评论,从您的页面,如果需要使用jquery的第一个版本,请将其更改为:
<script>
var jQuery_1_7_1 = $.noConflict(true);
</script>
<script>
jQuery_1_7_1(function(){
jQuery_1_7_1('#camera_wrap_3').camera({
height: '56%',
pagination: false,
thumbnails: true,
imagePath: 'camera/images/'
});
});
</script>
var jQuery_1_7_1=$.noConflict(true);
jQuery_1_7_1(函数(){
jQuery_1_7_1(“#camera_wrap_3”)。camera({
身高:56%,
分页:false,
缩略图:没错,
imagePath:'照相机/图像/'
});
});
是什么让你相信有冲突?你检查过浏览器上的javascript控制台了吗?谢谢你的想法martinezjc。我确实认为可能是别的原因。我认为这可能是jQuery冲突的唯一原因是,如果我对另一个脚本进行编码,则会加载一个脚本。我不太喜欢调试javascript,也不知道控制台告诉我什么。你擅长javascript调试吗?你的意思是两个脚本在同一个(HTML)文件中不能一起工作吗?John,谢谢你的想法,但它不起作用。我认为Instagram/Fancybox脚本必须使用该版本的jQuery。在我尝试noConflict之前,我想我会先试试你的想法,以防万一我不用运行两个jQuery脚本就可以通过了。Ted,这正是我所想的,但我没有任何运气。我在网上看到过,这必须是正确的方式。你介意看看我的资料来源,看看有没有什么特别的东西给你看吗?谢谢你的帮助。。。尝试将变量从var jQuery_1-7-1更改为var jQuery_171。它试图用“-”来做数学运算。我编辑了我的答案以反映下划线而不是破折号——这是我的错误。仍然没有任何运气。我认为martinezjc说得很好,他说,“什么让你相信存在冲突?你检查了浏览器上的javascript控制台了吗?”我检查了javascript控制台,得到:Uncaught SyntaxError:uncontracted token-index.html:33 Uncaught ReferenceError:jQuery_1_7_1未定义索引。html:33(匿名函数)更改此var jQuery_1-7-1=$.noConflict(true)代码>到这个var jQuery\u 1\u 7\u 1=$.noConflict(true)代码>你必须去掉变量名称的负号。对不起,我更新代码晚了。它仍然有问题。调试器说在这些行的第15行-var jQuery\u 1\u 7\u 1=$上有错误。noConflict(true)第32行-jQuery\u 1\u 7\u 1(function(){