如何使用 Twitter 引导下拉列表将第一项作为切换项包含在内

How can I use Twitter Bootstrap Dropdowns to include the first item as a toggle?

本文关键字：一项 包含在内 Twitter 何使用 下拉列表      更新时间：2023-09-26

Twitter Bootstrap Dropdowns Docs 显示下拉列表的以下语法：

<div class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Menu Item 1</a></li>
        ...
    </ul>
</div>

但相反，我希望第一个项目（上面的Drowdown trigger）包含在菜单项中。

您能否建议一种策略来从包含所有项目的列表中触发下拉菜单？

这是我所追求的HTML格式示例。

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li role="presentation"><a class="dropdown-toggle btn" data-toggle="dropdown" href="#">General Support <b class="caret"></b></a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Sales</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Accounting</a></li>
</ul>
我

的实际用例有点复杂，这就是我不能简单地使用 HTML 选择输入的原因。

如果您只是将触发器标签复制为li，它将显示为"包含"

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Sales</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Sales</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Accounting</a></li>
    </ul>
</div>
相关文章：