Twitter Bootstrap：模式對話標籤

Question

我想要的：禁用打開a-新瀏覽器選項卡/窗口中的引用。

可能的解決辦法：更換a引用的href屬性與data-href。

問題：由於twitter引導程序實現，要切換模式對話框選項卡，必須使用href屬性; data-href不起作用。

問題：我應該如何更改bootstrap.css使其工作於data-href屬性？

演示：你可以玩JS Fiddle Demo。

Answer 1

解決方法非常簡單：將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> 

Answer 2

我不知道你怎麼可以僅僅通過CSS這樣做...

但也許這種替代方法可以幫助你？

小提琴：http://jsfiddle.net/3kgbG/169/

在JS：創建數據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'); 
    }); 
});