使用另一个按钮切换引导按钮下拉菜单 [英] Toggle bootstrap button dropdown using another button

问题描述

在单击另一个按钮时让 Bootstrap 按钮下拉菜单切换(使列表项和下拉 ul 元素可见)时遇到一些问题.这是我到目前为止似乎不起作用的内容(v3.3.7).我希望测试"按钮另外切换测试"按钮下拉菜单.

<a id="test-dropdown-btn" class="btn btn-default dropdown-toggle" data-toggle="dropdown">测试 <span class="caret"></span></a><ul id="test-dropdown" class="dropdown-menu"><li><a href="#">test</a></li>
<a id="test-btn" class="btn btn-default" onclick="$('#test-dropdown-btn').dropdown('toggle')">测试</a>

解决方案

你可以使用自定义属性data-target来定位按钮组，所以点击外面的任何元素都会触发drop-按下目标按钮组.

测试

你应该给你的按钮组一个 id，以便 data-target 更具体.

演示

Been having some issues getting a Bootstrap button dropdown to toggle (making the list items and dropdown ul element visible) when another button is clicked. Here's what I have so far which doesn't seem to work (v3.3.7). I want the "testing" button to additionally toggle the "test" button dropdown.

<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>

解决方案

You can use the custom attribute data-target to target the button group, so clicking on any element outside will trigger the dropping-down on the targeted button group.

<a id="test-btn" class="btn btn-default" data-toggle="dropdown" data-target=".btn-group">
testing</a>

You should give your button group an id, so that the data-target is more specific.

Demo

这篇关于使用另一个按钮切换引导按钮下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！