Question

我想要的内容：禁用打开a - 新浏览器标签/窗口中的引用。

可能的解决方案：替换href的{{1}}属性 - 引用a。

问题：由于Twitter引导程序实现，要切换模态对话框标签，您必须使用data-href属性; href不起作用。

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

演示：您可以使用JS Fiddle Demo。

Answer 1

我不知道如何通过css ...

来做到这一点

但也许这种替代方式可以帮到你？

小提琴：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'); 
    });
});

Answer 2

解决方案非常简单：将oncontextmenu="return false;"添加到ul元素。

<ul class="nav nav-tabs" oncontextmenu="return false;">
  <li class="active"><a href="#home" data-toggle="tab">Home Tab</a></li>
  <li><a href="#profile" data-toggle="tab">Profile Tab</a></li>
</ul>

Twitter Bootstrap：模态对话选项卡

2 个答案: