Jquery冲突

Question

我是新来的，我有一个无法解决的大问题

我有两个不能一起使用的脚本

这是代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>


<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true);
});
</script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="js/jquery.skripta_1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#slider1').skripta_1();  
    });
</script>

现在，当此代码包含在这部分中时

<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true);
    });
</script>

不起作用

但是当我删除这部分时

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

提到的第一部分确实有效，但是这个

<script type="text/javascript" src="js/jquery.skripta_1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#slider1').skripta_1();  
        });
    </script>

没有

我已经尝试了所有涉及 noConflict 和使用 jQuery 重命名 $ 的方法，但没有任何帮助

Answer 1

您应该只包含 jQuery 一次。在两个不同版本的 jQuery 中包含两个脚本绝对会导致页面崩溃。选择最高版本，并坚持使用。

就您而言，使用 1.4.2 版本，并删除 googleapis 版本。或者切换到more recent version from Google .

以下是我为您的最终代码推荐的内容:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript" src="js/jquery.skripta_1.min.js"></script>


<script type="text/javascript">
$(document).ready(function(){
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true);
    $('#slider1').skripta_1();  
});
</script>