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();