Twitter 引导程序:初始化时在选项卡上附加操作

Question

我想在页面加载时初始化时将操作（例如警报）附加到 Twitter Bootstrap 选项卡。

我可以将操作附加到任何后续选项卡事件：

$('a[data-toggle="tab"]').on('show', function (e) {
    alert('tab shown');
}); 

但是我想在开始时对事件"初始化"（或任何该事件的名称）做类似的事情。

Answer 1

与其尝试绑定无法实现的初始化事件，不如通过删除data-toggle="tab"来禁用自动初始化。

然后，你输入自己的初始化，并添加一个回调来模拟事件调用。

$('#myTab .tab a').each(function() {
    var $this = $(this);
    $this.click(function (e) {
        e.preventDefault();
        $this.tab('show');
    });
    someCallback.call(this);
});

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

当然有一种更标准的方法可以对事件和所有内容执行此操作，但这很简单，并且易于实现。

示例（jsfiddle）