使用twitter bootstrap子菜單防止觸摸通過移動Safari瀏覽器

Question

我正在使用twitter引導創建子菜單的下拉菜單的網頁上工作。在桌面瀏覽器上一切正常，但當我在iPad上的移動Safari瀏覽器中打開它時，我遇到了問題。如果在子菜單下方有任何類型的輸入，而不是跟隨該鏈接，則觸摸事件將轉到輸入。因此，如果在子菜單項下有文本輸入，則光標將進入該框。

請注意，這隻發生在子菜單上，而不是主要下拉菜單上。此外，子菜單項在沒有任何東西的情況下工作得很好。有任何想法嗎？

Answer 1

今天我被困在一個類似的問題上。

我遇到的問題是底層元素是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>