jquery - jQuery 冲突 - 使用 jQuery-noconflict

Question

好吧，我阅读了一些线程和 jquery 的 wiki，但不知何故我无法解决我的问题。

尝试添加 jQuery.noConflict() 因为如果我运行某些 jQuery 库会发生冲突。如果我像 jQuery Wiki 上所说的那样添加 jQuery.noConflict()。这两个脚本都不起作用。

剧本

$(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(document).ready(function($) {
    $.noConflict();

    // then the code stuff
  });

看看是否有效。

Answer 2

尝试使用这个-

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

如果这不起作用，请尝试使用 html、css 和 js 制作小提琴并提供有问题的链接。

Answer 3

您可以像这样使用它（来自jQuery 文档）：

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