两个javascript代码发生冲突

时间:2014-03-23 22:22:26

标签: javascript jquery ajax conflict

我最近在我的网页上安装了两个js,但总是只有一个可以使用。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
        <script src="jquery.carouFredSel.js" type="text/javascript"></script>
        <script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>
        <script type="text/javascript" language="javascript" src="jquery.carouFredSel-6.2.1-packed.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#foo1').carouFredSel({
                    auto: {
                        pauseOnHover: 'resume',
                        progress: '#timer1'
                    }
                }, {
                    transition: true
                });
            });
        </script>   

另一个:

<link rel="stylesheet" href="res/colorbox.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="res/jquery.colorbox-min.js"></script>
<script type="text/javascript">  
$(document).ready(function(){
    setTimeout(function() {
        $.fn.colorbox({href:"images/felugro.png", open:true});  
    }, 1500);
});  
</script>

但似乎两个ajax链接变得紧密,如果我删除一个ajax链接,另一个工作完美,任何想法?

1 个答案:

答案 0 :(得分:0)

这里没有AJAX。

这两个函数都是document.ready()

$(function() {

等于:

$(document).ready(function(){

我建议您删除其中一个jquery包含:

这个:

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

或者这个:

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

并将您的代码放在同一个document.ready函数中。

(我认为最好保持1.8.3。)