我尝试将引导下拉按钮添加到 <a>但下拉菜单不起作用.我该怎么做
I tried to add a Bootstrap dropdown button to <a> but the dropdown menu wont work. How do I do this?
<li><a href="#" class=" dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">CONTACT<span class="caret"></span></a>
</li>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
</ul>
有人可以帮我吗? 所有内容均来自Bootstrap的网站。这是整个 html 文件http://pastebin.com/YXsVPRhz
您缺少a.dropdown-toggle
中的data-target
,以及目标ul
的id
。
对于a
,添加一个数据目标属性,它是ul
的 id:
data-toggle="dropdown" //sample name
对于ul
,添加一个 id:
id="dropdown" //sample name
所以它应该是:
<li><a href="#" class=" dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" data-target="dropdown-menu" aria-expanded="true">CONTACT<span class="caret"></span></a>
</li>
<ul class="dropdown-menu" id="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
</ul>
将ul
添加为锚点的同级
<li>
<a href="#" class=" dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">CONTACT<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a>
</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a>
</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a>
</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a>
</li>
</ul>
</li>
演示:小提琴
相关文章:
- 自动建议在我的搜索引擎上不起作用
- 我的jquery代码不起作用.为什么?
- 为什么我的While循环不起作用
- 我想重定向点击,然后更改按钮文本,我该怎么做
- JQuery和Javascript没有'在我的项目中不起作用,但在网络上起作用
- 为什么我的关键命令不起作用
- 为什么'我的一次性活动不起作用
- 我的提交按钮不起作用
- WordPress下拉菜单在我的主题中不起作用
- I'我试图在我的网页上动态地上下移动元素.我该怎么做
- 为什么不是'我的修剪功能不起作用
- 我尝试将引导下拉按钮添加到 但下拉菜单不起作用.我该怎么做
- 我的标记在我的 istamap 上不起作用
- JQuery .fadeIn 在我的网站上不起作用
- 为什么我的图像幻灯片不起作用
- 为什么我的视图模型不起作用
- 我该怎么做才能防止在用户单击后退按钮时出现咆哮消息
- 我正在尝试一个接一个地播放一个 mp3 文件(一个作为介绍),但它不起作用.我该怎么做
- 我'我试图使用onclick事件在循环中定义一个函数,但它不'不像我期望的那样工作.我该怎么做呢?
- 我该怎么做来修复jqGrid抛出错误时(多)选择一行:'为空或不是对象