引导程序下拉列表中的可单击选项卡和选项卡式内容
Clickable tabs and tabbed content in bootstrap dropdown
我正在尝试构建一个自定义的引导程序"select",它可以显示选项卡而不是简单的列表。因此,我在下拉列表中包含了tabs.html,这非常有效。问题是,如果不关闭整个下拉列表,我就无法切换选项卡或单击其中的内容。当然,我可以在单击时添加stopPropagation
,这将防止隐藏下拉列表,但选项卡和选项卡内容的事件也不会传播。有人偶然发现了这一点,并有一个干净的解决方案吗?
可运行演示:http://plnkr.co/edit/YebYGXvjufHKwjvTBOl8
添加此脚本
<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
相关文章:
- AngularJs列表ng单击以选择选项转换
- 如何在不需要单击按钮的情况下获取选项的值
- 单击按钮即可在浏览器的新选项卡中打开 Sapui5 详细信息页面
- 单击Chrome通知后,转到已打开的选项卡
- 如何在快速选项卡式面板中禁用选项卡单击
- 如何在ASP.NET中单击按钮后激活启动选项卡
- 如何禁用鼠标中键单击超链接以在新选项卡或新窗口中打开
- 单击select'时将数组行回显到文本区域中;s选项
- 单击选项卡时jquery选项卡选择不起作用
- 单击按钮进入下一个选项卡,而不是单击选项卡
- 单击选项卡时,为什么不在每次单击时切换
- 如何更改单击按钮时的javascript滑块选项
- 单击事件在jquery easyui多选项卡中不起作用
- 关闭浏览器时发出警报,关闭选项卡并前后单击按钮时发出警报
- 单击我网站中的链接时打开新选项卡,保持当前选项卡处于活动状态
- 隐藏选择选项,并在单击定义的选项后显示它们
- 如何在不刷新页面的情况下每次单击一组选项卡时刷新视图内容窗格
- 高图表图选项单击事件仅在鼠标停留在块中时触发一次
- 选项单击两次
- 提交表单以选择选项.单击