我正在使用引导程序版本2.0
我有以下 html 结构 -
现在当我点击Filter by Team
下拉菜单正确显示。现在,当我点击链接时,我应该被带到该页面。但链接确实not工作。我的意思是,当我单击下拉元素时,它们应该将我带到一个 URL,它们被链接到该 URL,但这种情况不会发生。
<li style="margin-left: 12px;">
<div class="dropdown" style="margin-top: 5px;">
<a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#">
Filter by Team
</a>
<ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu">
<li>
<a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a>
</li>
<li class="divider"></li>
<li>
<a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a>
</li>
<li class="divider"></li>
<li>
<a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a>
</li>
<li class="divider"></li>
</ul>
</div>
</li>
小提琴可以在这里找到 -http://jsfiddle.net/ktgrw/ http://jsfiddle.net/ktgrw/
问题是你有data-toggle
属性集为<ul>
,该属性仅适用于您要打开/关闭下拉列表的链接,将其删除,链接就应该可以工作。
这是更新了小提琴 http://jsfiddle.net/koala_dev/EHszH/具有正确的引导程序版本并删除了属性。
还有disabled
类用于切换链接以防止打开下拉列表,您应该将其从链接中删除,因为它没有任何实际用途。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)