Question

弹出菜单有问题，该菜单包含滚动到同一页面上不同部分的链接。由于它滚动到现有内容，因此页面不会重新加载以强制弹出菜单再次隐藏。对于非移动用户来说这不是一个大问题，但在iPad和平板电脑上，弹出式菜单并没有消失。基本上我想做的就是隐藏菜单onclick，但是当你mousover或之后按下它时再取消隐藏它。

以下是我一直在努力尝试修复的内容，但是我已经达到了一定的目标，我的大脑显然已经决定我需要帮助。

<script type='text/javascript'>
$("ul.sub-menu li a").live('click', function() {
    // $("#subMenu").hide();
    // $("ul.sub-menu").hide();
 });
</script>

我创建了一个JSBin来复制问题以进行故障排除。我提前为所涉及的代码量道歉，但这是我可以在不破坏它的情况下削减它。希望它将成为其他人已经处理过的解决方案，他们不必通过大量代码来解决它。

http://jsbin.com/cotug/2/edit

为了使其正常工作，您可能需要隐藏HTML面板。

提前致谢...

Answer 1

由于$未定义，因此隐藏的代码无法正常工作。尝试用jQuery替换$。就像这里：http://jsbin.com/puzinoyi/1/

P.S。我的假设是noconflict被你正在使用的一个lib调用。结果$变得未定义。

如何在同一页面上的scrollTo事件后隐藏下拉菜单

1 个答案: