0

いくつかのスレッドと jquery の wiki を読みましたが、どうにかして問題を解決できません。

実行すると一部の jQuery ライブラリが競合するため、jQuery.noConflict() を追加しようとしています。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;
    });

});
4

4 に答える 4

0

私はあなたがそれを次のように使うべきだと思います：

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

    // then the code stuff
  });

動作するかどうかを確認します。

于 2012-11-16T12:01:07.447 に答える
0

これを使ってみてください-

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

これがうまくいかない場合は、html、css、jsを使ってフィドルを作成し、問題のリンクを指定してみてください。

于 2012-11-16T12:03:00.220 に答える
0

コードを次のように変更することをお勧めします

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

これはドキュメントの準備ができたときに呼び出され、もう必要ありません$.noConflict();

于 2012-11-16T13:03:24.380 に答える
0

次のように使用できます（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>
于 2012-11-16T12:03:43.680 に答える