引导下拉菜单中的可单击选项卡和选项卡式内容

Question

我正在尝试构建自定义的引导程序“选择”，它可以显示选项卡而不是简单列表。 因此，我在下拉列表中包含了html标签，效果很好。 问题是-我无法在不关闭整个下拉菜单的情况下切换标签或单击其中的内容。 当然，我可以在click上添加stopPropagation ，这样可以防止下拉菜单隐藏，但是选项卡和选项卡式内容的事件也不会传播。 有人偶然发现了这个问题并且有一个干净的解决方案吗？

可运行的演示： http : //plnkr.co/edit/YebYGXvjufHKwjvTBOl8

Answer 1

添加此脚本

<script type="text/javascript">
    $(document).ready(function() {
        $(document).on('click', '.nav', function (e) {
            $(this).hasClass('open') && e.stopPropagation();
        }); 
    });        
</script>

将open课添加到您的nav

<ul role="tablist" class="nav nav-tabs open">

DEMO