Question

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

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

    // then the code stuff
  });

看看是否有效。

Answer 2

尝试使用此 -

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

如果这不起作用，请尝试使用html，css和js，并提供相关链接。

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

jQuery Conflict - 使用jQuery-noconflict

4 个答案: