3

我正在尝试在选项卡激活时显示警报对话框,但它不起作用:

$('#myTab').on('shown', function (e) {
alert('test')
})

我不知道我做错了什么...

4

4 回答 4

2

在 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
});
于 2014-05-28T17:20:34.120 回答
0

在引导程序中有active激活元素的类。您可以检查此类而不是shown. 这样的事情可能对你有用:

($('#myTab').hasClass('active'))
于 2013-04-04T23:01:43.063 回答
0

@alix 是正确的,您需要在选项卡变为 active 时调用初始化。我曾多次遇到此问题,并且在标签页上实现此功能时一直忘记这个事实。

于 2014-06-02T14:58:42.567 回答
-2

嘿,首先我在您的代码中没有看到任何错误。因此,导入库可能应该存在一些问题。无论如何,我想向您推荐另一种我在构建 html/javascript 应用程序时广泛使用的方法。

我使用KnockoutJS来处理动态内容、事件和数据。这是一个非常棒的框架,让很多事情变得更容易。最近我正在使用这个 twitter 引导程序,它使引导程序更强大。

因为你要做检查这个例子。可能您只需点击几下即可了解这一点。 淘汰赛点击绑定

于 2013-04-07T05:27:47.657 回答