1

在用户单击按钮 (img) 后，我正在使用以下代码创建一个下拉部分 (ul li's)。

jQuery(document).ready(function() {

    jQuery(".buttonMenu").click(function (e) {
        jQuery(".slideDownMenu").slideToggle();
            e.stopPropagation();
        });
        jQuery(document).click(function() {
            jQuery(".slideDownMenu").hide();  
    });

});

HTML：

<div class="slideDownMenu">
<ul class="menu">
<li><a onClick="goToByScroll('home');">Home</a></li>
<li><a onClick="goToByScroll('gallery');">Gallery</a></li>
<li><a onClick="goToByScroll('team');">Team</a></li>
<li><a onClick="goToByScroll('contact');">Contact</a></li>
</ul><!-- menu -->
</div> <!-- slideDownMenu -->
<span class="buttonMenu"></span>

我可以单击按钮，显示隐藏部分，单击列表项，被带到同一页面上的锚链接，然后在我单击/点击链接后该部分将隐藏，但是在 iPhone 上，当我再次单击 img/按钮时，什么也不做。我必须从它的位置滚动页面，然后魔法，img/按钮再次可点击。

为什么会发生这种情况，我该如何解决？

它只发生在 iPhone/iPad 上。在 Chrome 上，使用 iPhone 作为用户代理很好。此外，控制台中没有错误。

4

0 回答 0