当单击另一个按钮时,获取 Bootstrap 按钮下拉菜单进行切换(使列表项和下拉 ul 元素可见)时遇到一些问题。这是我到目前为止似乎不起作用的内容(v3.3.7)。我想要“测试”按钮另外切换“测试”按钮下拉列表。
<div class="btn-group">
<a id="test-dropdown-btn" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Test <span class="caret"></span>
</a>
<ul id="test-dropdown" class="dropdown-menu">
<li><a href="#">test</a></li>
</ul>
</div>
<a id="test-btn" class="btn btn-default" onclick="$('#test-dropdown-btn').dropdown('toggle')">testing</a>
您可以使用自定义属性data-target
定位按钮组,因此单击外部的任何元素都会触发目标按钮组的下拉列表。
<a id="test-btn" class="btn btn-default" data-toggle="dropdown" data-target=".btn-group">
testing</a>
您应该为您的按钮组指定一个 id,以便data-target
更具体。
Demo https://jsfiddle.net/gmannbr7/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)