Twitter bootstrap 3 如何使引导下拉父链接可单击

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

这是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可单击。如何修复此问题？

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

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

jQuery（函数（$）{
$（'.dropdown>a'）。单击（函数（）{
location.href=this.href；
});
});

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

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

jQuery（函数（$）{
$（'.dropdown>a'）。单击（函数（）{
location.href=this.href；
});
});

我发现在bootstrap 4中最简单的方法是从父元素中删除“数据切换”属性

我发现在bootstrap4中最简单的方法是从父元素中删除“data toggle”属性

如果删除数据切换，则菜单下拉菜单根本不起作用。至少在我测试的时候没有。如果你删除数据切换菜单下拉菜单根本不起作用。至少我测试的时候没有。