javascript - 推特 Bootstrap : modal dialogue tabs

Question

我想要的禁止在新的浏览器选项卡/窗口中打开a-references。

可能的解决方案:将 a 的 href 属性替换为 data-href。

问题:由于 twitter bootstrap 的实现，要在模态对话框选项卡之间切换，您必须使用 href 属性； data-href 不起作用。

问题:我应该如何更改 bootstrap.css 以使其适用于 data-href 属性？

演示:您可以使用JS Fiddle Demo 来玩.

Answer 1

我不知道你怎么能仅仅通过 css 来做到这一点...

但也许这种替代方法可以帮助您？

fiddle :http://jsfiddle.net/3kgbG/169/

在 JS 中:创建 data-href 属性，删除原始 href，并手动执行事件类更改...

JS :

$('.launchConfirm').on('click', function (e) {
    $('#confirm').modal("show");  
});

$('[data-toggle="tab"]').each(function(){
    var dest = $(this).attr('href');
    $(this).attr('data-href',dest).removeAttr('href');
    $(this).on('click', function(){
       $('.tab-pane').removeClass('active');
       $(dest).addClass('active'); 
    });
});