1

我正在开发一个网页，该网页使用 twitter bootstrap 创建带有子菜单的下拉菜单。在桌面浏览器上一切正常，但是当我在 iPad 上的移动 Safari 中打开它时，我遇到了问题。如果子菜单下方有任何类型的输入，而不是跟随该链接，则触摸事件会转到输入。因此，如果子菜单项下方有文本输入，则光标将进入该框。

请注意，这只发生在子菜单上，而不是主要下拉菜单上。此外，当它后面没有任何内容时，子菜单项也可以正常工作。有任何想法吗？

4

1 回答 1

0

今天我被类似的问题困住了一段时间。

我遇到的问题是底层元素是 HTML5 视频。iOS 不允许在视频元素之上进行任何叠加。因此，我添加了一个 jQuery 方法，该方法在单击菜单按钮时隐藏视频元素。类似的东西可能适用于您的文本输入。

<script type="text/javascript">             
            jQuery(function() { 
                if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
                    jQuery("#menu-button").click(function() {
                        jQuery(".video-content").toggle();
                    });
                }
            });
    </script>
于 2014-02-11T23:58:42.793 回答