Javascript jquery.min.js与来自googleapis的1.6.2 jquery.min.js冲突
我使用Javascript jquery.min.js与来自googleapis的1.6.2 jquery.min.js冲突,javascript,jquery,html,Javascript,Jquery,Html,我使用作为滑块和许多其他功能。 我还在图库中使用 一切似乎都很完美,但当我从googleapis添加1.6.2 jquery.min.js时,它停止了一切,包括滑块和平滑滚动。唯一有效的就是画廊 这是我的密码: <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.
作为滑块和许多其他功能。
我还在图库中使用
一切似乎都很完美,但当我从googleapis添加1.6.2 jquery.min.js时,它停止了一切,包括滑块和平滑滚动。唯一有效的就是画廊
这是我的密码:
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css" media="all" />
<script src="js/jquery.min.js"></script>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
jQuery(文档).ready(函数($){
$(“.scroll”)。单击(函数(事件){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash.offset().top},1000);
});
});
在正文中,我有以下代码:
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
$(“#ca容器”).contentcarousel();
这正是引起冲突的原因,我试着把它放在头上,但没有任何区别:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
谢谢你的帮助 通常,您应该避免在同一页面上使用两个不同版本的jQuery。大多数情况下,您不需要这样做——它们基本上是向后兼容的。尝试先放置两个版本中较新的jQuery,然后删除另一个版本。由于
js/jquery.min.js
是较新的版本,请尝试完全删除google ajax API
如果您使用的是被jQuery新版本破坏的东西,请检查该东西的新版本是否已发布。如果没有,请尝试自己修复它以使用新的jQuery
下一个选项是检查是否有旧版本的东西需要一个新的jQuery,可以与旧的jQuery版本一起使用
如果这些选项都不起作用,您可以尝试在页面上使用两个版本的jQuery,使用jQuery.noConflict()
,但不建议这样做。加载第一个版本后,在加载第二个版本之前,请执行以下操作:
j = jQuery.noConflict();
然后,在需要使用该版本的jQuery时,使用
j
而不是$
,在第二个版本中使用$
。可能的副本应每页只包含一次jQuery库。不要包含它两次,因为第二个实例将覆盖第一个实例,它将破坏一切。@Pankucins这个问题听起来很相似,但答案与这个问题无关-这是关于jQuery vs jQuery UI,不是jQuery和jQuery。jQuery的哪个版本是js/jQuery.min.js
?@rjmunro它是1.11.0版,但我已经将其更改为1.11.1。非常感谢,我使用了“noConflict”方法,它工作得非常好。