jquery.min.js与来自googleapis的1.6.2 jquery.min.js冲突

时间:2014-12-16 11:09:58

标签: javascript jquery html

我使用<script src="js/jquery.min.js"></script>作为滑块和许多其他功能。 我也在使用<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>为画廊。

一切似乎都很完美但是当我从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> 

在身体中我有这个代码:

<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>

这是导致冲突的那个,我试图把它放在头脑中,但它没有任何区别:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

感谢您的协助!

1 个答案:

答案 0 :(得分:1)

通常,您应该避免在同一页面上使用2个不同版本的jQuery。大部分时间你都不需要 - 它们在很大程度上是向后兼容的。首先尝试使用jQuery的两个版本中的较新版本,然后删除另一个版本。由于js/jquery.min.js是较新版本,请尝试完全删除google ajax apis。

如果您正在使用被新版本jQuery破坏的内容,请检查是否已发布该内容的新版本。如果还没有,请尝试自己修复它以使用新的jQuery。

下一个选项是检查是否存在需要可能与旧版jQuery版本一起使用的新jQuery的旧版本。

如果这些选项都不起作用,您可以尝试使用jQuery.noConflict()在页面上使用2个版本的jQuery,但不建议这样做。加载第一个版本后,在加载第二个版本之前,执行以下操作:

j = jQuery.noConflict();

每当您想要使用该版本的jQuery时,请使用j代替$,而对于第二个版本,请使用$