我正在尝试在选项卡激活时显示警报对话框,但它不起作用:
$('#myTab').on('shown', function (e) {
alert('test')
})
我不知道我做错了什么...
我正在尝试在选项卡激活时显示警报对话框,但它不起作用:
$('#myTab').on('shown', function (e) {
alert('test')
})
我不知道我做错了什么...
在 Twitter Bootstrap 中,有一个在选项卡显示 ( show.bs.tab
) 上触发的事件。给定以下选项卡:
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
<li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>
...这是您可以使用的 Javascript:
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
alert(e.target); // activated tab
});
在引导程序中有active
激活元素的类。您可以检查此类而不是shown
. 这样的事情可能对你有用:
($('#myTab').hasClass('active'))
@alix 是正确的,您需要在选项卡变为 active 时调用初始化。我曾多次遇到此问题,并且在标签页上实现此功能时一直忘记这个事实。
嘿,首先我在您的代码中没有看到任何错误。因此,导入库可能应该存在一些问题。无论如何,我想向您推荐另一种我在构建 html/javascript 应用程序时广泛使用的方法。
我使用KnockoutJS来处理动态内容、事件和数据。这是一个非常棒的框架,让很多事情变得更容易。最近我正在使用这个 twitter 引导程序,它使引导程序更强大。
因为你要做检查这个例子。可能您只需点击几下即可了解这一点。 淘汰赛点击绑定