jQuery衝突 - 使用jQuery-noconflict

Question

那麼我讀了一些線程和jQuery的維基，但不知何故我無法解決我的問題。

試圖添加jQuery.noConflict（），因爲如果我運行一些jQuery庫衝突。如果我添加jQuery.noConflict（），就像它已經在jQuery Wiki上告知的那樣。這兩個腳本都不起作用。

腳本

$(document).ready(function() { 

    //Default Action 
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show(); 
    $(".tab_content:first").show(); 

    //On Click Event 
    $("ul.tabs li").click(function() { 
     $("ul.tabs li").removeClass("active"); 
     $(this).addClass("active"); 
     $(".tab_content").hide(); 
     var activeTab = $(this).find("a").attr("href"); 
     $(activeTab).fadeIn(); 
     return false; 
    }); 

}); 

如果我在這裏新增jQuery.noConflict（）

$.noConflict(); 
    jQuery(document).ready(function($) { 

    //Default Action 
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show(); 
    $(".tab_content:first").show(); 

    //On Click Event 
    $("ul.tabs li").click(function() { 
     $("ul.tabs li").removeClass("active"); 
     $(this).addClass("active"); 
     $(".tab_content").hide(); 
     var activeTab = $(this).find("a").attr("href"); 
     $(activeTab).fadeIn(); 
     return false; 
    }); 

}); 

Answer 1

嘗試使用這個 -

jQuery.noConflict()(function(){ 
    // code using jQuery 
}); 

如果這不起作用嘗試使用HTML，CSS和JS小提琴，給有問題的鏈接。

Answer 2

我認爲你應該使用它想：

jQuery(document).ready(function($) { 
    $.noConflict(); 

    // then the code stuff 
    }); 

看的作品。

Answer 3

您可以使用它像這樣（從jQuery docs）：

<script type="text/javascript" src="other_lib.js"></script> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    $.noConflict(); 
    jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
    }); 

    // Code that uses other library's $ can follow here. 
</script> 

Answer 4

我會建議更改代碼弄成這個樣子

(function($){ 
    // code using jQuery with $. 
}(jQuery)); 

這將被要求的文件準備和你將不再需要$.noConflict();