Question

我对Bootstrap Navbar - Dropdown有一点疑问。 Dropdown似乎在Ipad中不起作用，我的意思是在打开下拉列表后，如果我们点击/点击其他区域它没有关闭。

有人可以帮我解决这个问题。

Answer 1

经过大量的谷歌搜索;我编写了自己的代码。 Bootstrap引用链接可在ipad上运行：http://v4-alpha.getbootstrap.com/getting-started/browsers-devices/#modals-navbars-and-virtual-keyboards

//This Code is to detect if its an IPAd 
var isiPad = navigator.userAgent.match(/iPad/i) != null;

if(isiPad){
    $('body').css('cursor','pointer');

    $(document).on('touchmove',function(e){

      if($('.navbar-default .navbar-nav > li.dropdown').hasClass('open'))
      {
        $('.navbar-default .navbar-nav > li.dropdown').removeClass('open');
      }

    });
}

Answer 2

    /*ipad popover or dropdown touch issue*/
 $(document).on('touchstart',function(e){
//e.preventDefault();
if($('.my_popover').length>0)
{
    /*enable element click*/
    if($(e.target).parents('.popover').length==0){
   /*main ipad popover*/
    $("#my_account").popover("hide");           
}
}       
});

IPAD中的Bootstrap Navbar下拉菜单问题

2 个答案: