如何使引导下拉列表父链接可点击

Question

默认情况下，无法单击引导程序下拉列表的父链接，因此该链接不起作用。

这是html代码：

<div class="dropdown">
<a id="item7" class="dropdown-toggle" data-toggle="dropdown" href="/mylink">MyLink</a>
<ul class="dropdown-menu">
    <li class="submenuitem">
        <a href="//item-1">item 1</a>
    </li>
    <li class="submenuitem">
        <a href="/item-2">item 2</a>
    </li>
</ul>
</div>

我希望/ myLink可点击。我该如何解决？

Answer 1

将此代码添加到您的页面，父链接将起作用：

<script>
jQuery(function($) {
    $('.dropdown > a').click(function(){
        location.href = this.href;
    });
});
</script>

Answer 2

我发现引导4中最简单的方法是从父元素中删除“ data-toggle”属性！