[英]Bootstrap nav items not appearing in mobile
我在使用bootstrap的移動導航時遇到了令人沮喪的問題。 問題是單擊顯示按鈕后菜單項沒有出現。 我已經嘗試在兩部不同的手機上進行了數次修復,但都沒有結果。
第一個修補程序是添加以下代碼,如http://alittlecode.com/fix-twitter-bootstraps-dropdown-menus-in-touch-screens/所述,盡管此代碼適用於版本2.3.2。 我也使用了先前的代碼,但沒有結果。
$('.dropdown-toggle').click(function(e) {
e.preventDefault();
setTimeout($.proxy(function() {
if ('ontouchstart' in document.documentElement) {
$(this).siblings('.dropdown-backdrop').off().remove();
}
}, this), 0);
});
第二項努力是去除
if ('ontouchstart' in document.documentElement) {
$('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
}
從引導程序縮小的js文檔中。
導航欄本身的代碼如下,主要編輯是刪除容器,盡管即使存在容器也無法正常工作。 我一生都無法解決,感謝您的幫助。
<nav class="navbar navbar-default" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navigation-toggle"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div><!-- /.navbar-collapse --> </nav>
忘記其他手動修復程序,因為引導程序擁有它。 在調用任何標准jQuery版本之后,只需簡單地調用JS_FILE_PATH / bootstrap.min.js 。 請記住,如果不先調用bootstrap.min.js,它將無法正常工作。
希望這能解決您的問題。 我自己嘗試過。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.