多個jQuery腳本衝突

我遇到了一些jQuery腳本的問題。他們分開工作（當使用另一個時被評論），但當我希望他們一起工作時，它完全停止工作。我讀了關於.noConflict（）方法。不過，我對js和jQ相當陌生，我不確定這是我尋找的。更重要的是，即使是這個問題，我可能無法正確使用noConflict（）。如果有人幫我，我會很高興。我的頭的多個jQuery腳本衝突

部分：

<script src="jquery-1.11.0.js" type="text/javascript"></script> 
<script type="text/javascript" src="jquery.easing.min.js"></script> 
<script type="text/javascript" src="jquery.lavalamp.min.js"></script> 
<!--<script src="jquery.carouFredSel-6.2.1.js" type="text/javascript"></script>-->

腳本的使用：

<script type="text/javascript"> 
          $(document).ready(function() { 

          $("#1, #2, #3").lavaLamp({ 
           fx: "backout", 
           speed: 700, 
           click: function(event, menuItem) { 
            return false; 
           } 
          }); 
        /* COMMENTED Carousel 
           var images = jQuery("#images").carouFredSel({ 
            direction   : "up", 
            items: { 
              visible: 1, 
              width: 824, 
              height: 320 
              }, 
            scroll : { 
             onBefore: function() { 
             var act_pos = images.triggerHandler("currentPosition"); 
             jQuery("#scroller-active").animate(
             {"top": (act_pos*80)+"px" }, 
             300, 
             "swing" 
            ); 
            }      
            }     
           }); 


          jQuery(".konstrukcje").mouseover(function() { 
          jQuery("#images").trigger("slideTo",0); 
          }) 
          jQuery(".dachy").mouseover(function() { 
          jQuery("#images").trigger("slideTo",1); 
          }) 
          jQuery(".budowlane").mouseover(function() { 
          jQuery("#images").trigger("slideTo",2); 
          }) 
          jQuery(".projekt").mouseover(function() { 
          jQuery("#images").trigger("slideTo",3); 
          })*/ 
         }); 
         </script>

以上代碼的作品，但只有部分LavaLamp的。當我刪除評論時，它將全部崩潰。

來源

2014-02-24 Macple

你可以在這裏看到樣本： http://www.w3schools.com/jquery/jquery_noconflict.asp

有使用它不同的方式，我剛纔用做它的這種方式：

var jq = $.noConflict(); 
jq(document).ready(function(){ 
    jq("button").click(function(){ 
    jq("p").text("jQuery is still working!"); 
    }); 
});

這樣意味着你再使用JQ代替你以前用過的東西。我覺得這個更加獨立，但如果你改變別人的代碼，編輯所有代碼可能非常耗時。然後其他方式可能會更好。

這可能會影響您的問題，也可能不會影響您的問題，因爲您可能有很多原因導致問題。也許你有什麼與preventDefault觸發？或者也許別的東西:-)是時候認識先生了。控制檯，並與他一起喝杯咖啡。

來源

2014-02-24 22:47:47 Olavxxx

多個jQuery腳本衝突

回答

相關問題