javascript - 如何允许再次单击显示的 Bootstrap 选项卡？

Question

Bootstrap 选项卡上的默认行为是不允许单击显示的选项卡。我怎样才能“禁用”它并允许用户再次单击显示的选项卡？因为我使用 AJAX 加载页面，所以它会重新加载它。

这是一个 js fiddle :http://jsfiddle.net/xfw8t/12/

        <ul class="nav nav-tabs" id="myTab">
          <li class="active"><a data-target="#home" data-toggle="tab">Home</a></li>
          <li><a data-target="#profile" data-toggle="tab">Profile</a></li>
          <li><a data-target="#messages" data-toggle="tab">Messages</a></li>
          <li><a data-target="#settings" data-toggle="tab">Settings</a></li>
        </ul>

        <div class="tab-content">
          <div class="tab-pane active" id="home">Home</div>
          <div class="tab-pane" id="profile">Profile</div>
          <div class="tab-pane" id="messages">Message</div>
          <div class="tab-pane" id="settings">Settings</div>
        </div>

jQuery(function () {
    jQuery('#myTab a:last').tab('show')
})

Answer 1

你是这个意思吗

$('#myTab').on('click',function(e){
    console.log($(e.target).text())
        //your ajax code goes here to load what your need....

})

http://jsfiddle.net/xFW8t/1482/