Bootstrap Tabs dextdefault()中断功能



这里有一个不错的小摘要,可在此处进行自举,可防止单击后跳跃:

$('.nav-tabs a').on('shown.bs.tab', function (e) {
        e.preventDefault();
        $(this).tab('show');
        $('.tab-content > .tab-pane.active').jScrollPane();
        window.location.hash = e.target.hash;
    })
    $('.nav-tabs li a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
        $('.tab-content > .tab-pane.active').jScrollPane();
    });

不幸的是,它阻止了DA下拉tab的默认行为。结果是您无法单击下拉列表中的任何链接。

我该如何解决。我想将其继承到所有标签上。因此,在不添加自定义类或ID的情况下,引导程序的替代将是不错的。

感谢您的帮助。Monsee

我有一个解决方案。只需检查当前元素类是否不等于"下拉访问",也可以使用单击事件删除第二个块。似乎有效:

$('.nav-tabs a').on('shown.bs.tab', function (e) {
    if ($(this).attr('class') != 'dropdown-toggle') {
        e.preventDefault();
        $(this).tab('show');
        $('.tab-content > .tab-pane.active').jScrollPane();
    }
    window.location.hash = e.target.hash;
})

最新更新