1

このサイトのモバイル対応バージョンのメニューをクリックすると、http: //dev.trafficdigitalagency.com/stage/ が表示されているものを切り替えます。クラス「サブメニュー」で

これが私が使用するjavascript/jqueryです(http://dev.trafficdigitalagency.com/stage/js.jsにあります)

$(document).ready(function(){
  $("#menu-item-3121").click(function() {
    $(".sub-menu").fadeToggle("slow");
  });
});

レスポンシブ バージョンでメニューをクリックしても、サブ メニューが切り替わらないのはなぜですか?

4

2 に答える 2

2

先日も同じ問題がありました。クリック イベントのコールバックが 2 回発生するように設定されていたため、トグルはまったく発生していないように見えました。リスナーを追加し直す前に、既存のリスナーが削除されていることを確認する必要がありました。off() 呼び出しに注意してください。これがうまくいくことを願っています:

$(document).ready(function(){
    $("#menu-item-3121").off("click").on("click", function() {
        $(".sub-menu").fadeToggle("slow");
    });
})
于 2013-07-09T23:55:07.503 に答える
0

すべての JS エラーがすべてログに記録されているコンソール (Chrome では Ctrl-Shift-J) を見ると、実際の問題は、WordPress が「競合なし」モードで jQuery ライブラリをロードする方法に依存していることがわかります。

ここで @RedEyedMonster が提供するソリューションが役立つと思うので、関数を次のように記述します。

jQuery(document).ready(function ($) {
    $("#menu-item-3121").click(function() {
        $(this).find(".sub-menu").fadeToggle("slow");
    });
});
于 2013-07-10T00:10:35.453 に答える