下拉菜單中的手機不能正常工作

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div class="dropdown"> 
 
    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
 
     Dropdown 
 
     <span class="caret"></span> 
 
    </a> 
 
    <ul class="dropdown-menu dropdown-messages"> 
 
    <li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
 
    <li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
 
    </ul> 
 
</div>

<ul class="dropdown-menu dropdown-messages"></ul>

我使用上面的類

<ul class="dropdown-menu dropdown-messages"> 
<li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
<li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
</ul>

當然此代碼對計算機的瀏覽器正常，但如果我嘗試做與我的手機一樣，它不工作，我該如何解決這個問題？

來源

2017-09-16 shiv zuh

「不工作」是什麼意思？你可以創建一個片段 – sol

當我點擊下拉列表中的任何元素，它可以重定向我，如果我使用我的手機，它只會關閉下拉列表 –

當你點擊鏈接時在移動設備上會發生什麼？你可能會得到更多的幫助更完整的片段 – sol

前段時間我有同樣的問題。解決方案很簡單，試着改變HTML的層次結構。

只需插入dropdown-menu上述dropdown這樣的：

<div class="dropdown"> 
 

 
    <ul class="dropdown-menu dropdown-messages"> 
 
    <li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
 
    <li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
 
    </ul> 
 
    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
 
     Dropdown 
 
     <span class="caret"></span> 
 
    </a> 
 

 
</div>

應該工作。

來源

2017-09-16 11:59:22

下拉菜單中的手機不能正常工作

回答

相關問題