php - jQuery切换在移动设备上不起作用

Question

所以我正在努力做到这一点，所以当您单击此处http://dev.trafficdigitalagency.com/stage/本网站的移动响应版本上的菜单时，它会切换什么是 display:none; 在“子菜单”类中

这是我使用的 javascript/jquery（可以在http://dev.trafficdigitalagency.com/stage/js.js找到）

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

为什么当我在响应版本中单击菜单时，子菜单没有切换？

score 2 · Accepted Answer

前几天我也有同样的问题。原来点击事件回调被设置为触发两次，所以切换看起来根本没有触发。最终必须确保在添加一个之前删除任何现有的侦听器。注意 off() 调用。希望这对你有用：

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

score 0 · Accepted Answer

如果您查看控制台（Chrome 中的 Ctrl-Shift-J），所有 JS 错误都记录在该控制台中，您会发现真正的问题取决于 WordPress 在“无冲突”模式下加载 jQuery 库的方式。

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

2 回答 2