Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery.min.js与来自googleapis的1.6.2 jquery.min.js冲突_Javascript_Jquery_Html - Fatal编程技术网

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”方法,它工作得非常好。