Question

我正在使用WordPress构建此站点：www.heartofglass.gg 我为我的商店安装了twi carousel插件，但这导致了与移动菜单的冲突。当我删除插件时，菜单工作正常，但我希望能够使用该插件。

更新：我认为这里可能有两个问题： 1.菜单在某些浏览器中立即崩溃（Chrome，IE） 2.菜单项需要双击＆＃39;来自ios设备（一次点击折叠菜单，双击正确跟随链接）。

问题是，当在某些设备（主要是ios）中打开时，移动菜单会打开然后立即崩溃。从笔记本电脑的小窗口尺寸查看时也是如此（在Windows和Mac上使用Chrome和IE测试）在笔记本电脑上，只有当鼠标按下一秒钟时，菜单才会保持打开状态。然后菜单将在按钮释放时打开并保持打开状态。

注意：它可以在Mac上的Safari上正常工作，但是在我的iPhone 5c上，菜单会打开，但链接只能轻按一下。

在Chrome上的开发者控制台中，当我点击菜单时出现以下错误：

未捕获的TypeError：无法读取属性＆＃39;触发＆＃39;未定义的在frameworks.min.js？ver = 4.8.1：9

另外：这可能与“悬停”有关吗？功能？我已经读过“双击”这个＆＃39;问题在ios设备上很常见。

更进一步：在Chrome开发者窗口中;如果我删除了frameworks.min.js事件监听器的指针和touchend菜单保持打开状态（仅在桌面上试用）...我不知道这是否有任何相关性。

我很感激任何解决这个问题的帮助，因为我已经使用插件设置我的店铺并且喜欢它的功能，但显然，我需要菜单才能跨设备工作。

提前致谢

31.8.17：仍然没有解决方案，任何帮助赞赏

Answer 1

快速折叠的原因是因为事件传播，尝试在插件代码中找到菜单切换的事件监听器并放置event.stopPropagation();以确保参数event存在

更新：

这段代码在modules.min.js中找到，虽然它是一个缩小版本会导致麻烦

b.on("tap click", function(a) {
  a.stopPropagation(),
  a.preventDefault(),
  c.is(":visible") ? c.slideUp(e) : c.slideDown(e)
})

之所以如此，是因为你创建了一个2个事件的事件监听器，这两个事件都在执行点击which will make your menu show then hide时执行，以防止只使用click (click also works on mobile) OR 在用户使用移动设备时使用tap事件，在非移动设备detecting a mobile browser上使用click。

移动菜单快速崩溃

1 个答案: