Bootstrap Navbarドロップダウンメニューの問題点IPAD

Question

Bootstrap Navbar - Dropdownに疑問がありました。ドロップダウンはIpadで動作していないようですが、ドロップダウンを開いた後、他のエリアをタップ/クリックすると閉じません。

誰でもこの手伝いをしてください。

Answer 1

多くのグーグルの後、私は自分のコードを作りました。私は長い間、これを探していたソリューションの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");   
} 
}  
});