php - jquery 切换不适用于移动设备

Question

所以当您点击此网站的移动响应版本上的菜单时，我正在尝试做到这一点 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");
  });
});

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

Answer 1

前几天我遇到了同样的问题。结果是点击事件回调被设置为触发两次，所以切换看起来好像根本没有触发。最后不得不确保在添加一个回来之前删除任何现有的听众。注意 off() 调用。希望这对你有用:

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