Jquery 引导选项卡回调事件
引导选项卡导航选项卡回调单击功能Jquery 引导选项卡回调事件,jquery,bootstrap-modal,Jquery,Bootstrap Modal,引导选项卡导航选项卡回调单击功能 <ul class="nav nav-tabs"> <li class> <div> <a href="#logo"></a> </div> </li> <li class = "active"></li> <li class></li> <
<ul class="nav nav-tabs">
<li class>
<div>
<a href="#logo"></a>
</div>
</li>
<li class = "active"></li>
<li class></li>
</ul>
<div id="logo">
</div>
-
在这里,我想在每次更改选项卡后添加我的自定义函数,您正在寻找类似的功能吗
$(文档).ready(函数(){
//使用jQuery收听选项卡并单击:
$(“#myTabs a”)。单击(函数(链接){
log(link.currentTarget.innerText);
})
})
主页
- 侧面图
- 信息
- 背景
家庭内容
配置文件内容
消息内容
设置内容
尝试下面的代码,从
$(文档).ready(函数(){
$(“#myTab a”)。单击(函数(e){
e、 预防默认值();
$(this.tab('show');
});
});
但是没有人谈论show.bs.tab和show.bs.tab监听器,哈哈
$('.nav-tabs').find('a').on('show.bs.tab', function () {
// Some code you want to run when tab is clicked (before the tab is shown)
});
$('.nav-tabs').find('a').on('shown.bs.tab', function () {
// Some code you want to run after the tab is shown (callback)
});
此处提供的其他选项和侦听器:
单击功能在哪里?您想在哪里添加自定义功能?它的引导功能?我觉得这是真正的答案-应该是公认的答案,而不是它当前所在的底部。
$('.nav-tabs').find('a').on('show.bs.tab', function () {
// Some code you want to run when tab is clicked (before the tab is shown)
});
$('.nav-tabs').find('a').on('shown.bs.tab', function () {
// Some code you want to run after the tab is shown (callback)
});