Bootstrap 3选项卡中的Click事件

丹尼斯

我有以下HTML:

<div id="channels">
    <ul class="nav nav-tabs" id="ul-channels">
        <li class="channel" data-roomid="lobby"><a class="link-channel" href="#lobby" data-toggle="tab">lobby</a></li>
        <li class="channel active selected" data-roomid="test"><a class="link-channel" href="#test" data-toggle="tab">test</a></li>
    </ul>
</div>

我需要切换标签时发生的事件。像这样:

$('.nav-tabs a').click(function (e) {
    alert("Q");
});

我尝试了很多选择,但没有成功。我将不胜感激。

丹尼斯

最后我的解决方案:

$(document).on( 'shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
   console.log(e.target) // activated tab
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

Bootstrap 3:保持页面刷新中的选定选项卡

来自分类Dev

在Bootstrap 3中为合理的选项卡创建CSS

来自分类Dev

使Bootstrap 3选项卡响应

来自分类Dev

twitter bootstrap 3选项卡视图

来自分类Dev

Bootstrap 3选项卡CSS定制

来自分类Dev

Bootstrap 3选项卡和列表

来自分类Dev

在Bootstrap选项卡中嵌套CGridView

来自分类Dev

在Bootstrap中激活单击的选项卡

来自分类Dev

Angular Bootstrap中的选项卡

来自分类Dev

嵌套选项卡bootstrap3在父选项卡中的滑块上有错误

来自分类Dev

嵌套选项卡bootstrap3在父选项卡中的滑块上有错误

来自分类Dev

在ol-overlaycontainer-stopevent中,事件未传递到Bootstrap选项卡

来自分类Dev

更改选项卡时如何获取UI Bootstrap选项卡以发送事件

来自分类Dev

AngularJS的Bootstrap选项卡

来自分类Dev

Bootstrap嵌套选项卡

来自分类Dev

如何使用Angular和Bootstrap中的“全部”选项卡进行选项卡导航?

来自分类Dev

Rails Bootstrap 选项卡。选项卡中的 Dropzone 不起作用

来自分类Dev

twitter bootstrap 3在js中设置活动选项卡不起作用

来自分类Dev

行中带有Bootstrap 3个选项卡的垂直对齐复选框

来自分类Dev

在Bootstrap 3中刷新页面时记住多个活动选项卡

来自分类Dev

在Bootstrap中的悬停中打开“折叠”选项卡

来自分类Dev

删除Bootstrap 3选项卡之间的空间

来自分类Dev

使用jQuery更改活动的Bootstrap 3选项卡

来自分类Dev

Bootstrap 3行问题中的堆叠选项卡

来自分类Dev

Twitter Bootstrap3选项卡的关闭按钮

来自分类Dev

删除Bootstrap 3选项卡之间的空间

来自分类Dev

如何在Bootstrap中设置多个选项卡导航

来自分类Dev

使用AngularJS在Bootstrap选项卡中重新加载数据

来自分类Dev

Bootstrap中的选项卡导航不起作用

Related 相关文章

热门标签

归档