<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> Profile</a></li>
<li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i> 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> Profile</a></li>
<li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i> Logout</a></li>
</ul>
这段代码在计算机浏览器上当然可以正常工作,但如果我尝试在我的手机上做同样的事情,它就不起作用,我该如何解决这个问题?
最佳答案
我前段时间遇到了同样的问题。解决方法很简单,尝试更改 HTML 的层次结构。
只需在 dropdown
上方插入 dropdown-menu
,如下所示:
<div class="dropdown">
<ul class="dropdown-menu dropdown-messages">
<li><a href="profile"><i class=ti-user></i> Profile</a></li>
<li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i> Logout</a></li>
</ul>
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</a>
</div>
应该可以。
关于html - 下拉菜单手机打不开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46252806/