[英]Bootstrap Dropdown links not working mobile
如果您查看以下站點: rosslote.eu,您將看到一個名為“ setup”的菜單項。 該菜單項有一個下拉菜單。 該下拉列表在台式機上可以完美運行,但是一旦將其加載到移動設備上,設置下拉列表中的鏈接就會停止工作。 他們唯一要做的就是折疊下拉菜單。
這是代碼:
<ul class="top-level nav">
<li class="dropdown ">
<a href="#" class="dropdown-toggle " data-toggle="dropdown">setup<b class="caret"></b></a>
<ul class="level-1 dropdown-menu">
<li><a href="/#/">database</a></li>
<li><a href="/#/">info</a></li>
<li><a href="/#/">images</a></li>
<li><a href="/opening-times/">opening times</a></li>
<li><a href="/google/">google</a></li>
<li><a href="/meta/">meta</a></li>
<li><a href="/article-editor/">main article</a></li>
</ul>
</li>
<li><a href="/plugins/">plugins</a></li>
</ul>
我在頁面底部嘗試了以下腳本:
<script>
$('.dropdown-menu a').on('click', function(event){
event.stopPropagation();
});
$('.dropdown-menu li').on('click', function(event){
event.stopPropagation();
});
</script>
同樣,這可以在我的台式機上而不是在手機上實現所需的結果。
您必須包含bootstrap-sensitive.css,因為bootstrap-combined不包含它
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.