选项卡--JavaScript触发方法，玩转Bootstrap（JS插件篇）教程-慕课网

选项卡--JavaScript触发方法

除了在HTML设置 data-toggle 来触发选项卡之外，还可以通过JavaScript直接调用。

调用方法:

在每个链接的单击事件中调用tab("show")方法，显示对应的标签面板内容。针对上面的示例，删除HTML中自定义的 data-toggle="tab" 或 data-toggle="pill" 的属性，然后通过下面的脚本来调用：

$(function(){
    $("#myTab a").click(function(e){
        e.preventDefault();
        $(this).tab("show");
    });
})

任务

我来试试：用JS的方法触发Tab切换效果。

?不会了怎么办

问答
评论
笔记
代码

全部精华我要发布

关于js的位置问题

最新回答 / WindNite

这和计算机的解析读取顺序有关，一般是放在</body>的上边，这样待页面加载完后执行，防止执行js时出现还没完全加载页面，而无法执行的问题。也可以发在前面，设置defer或asyns等属性

1 回答 1104 浏览

2017-05-16

看下面函数，e.preventDefault();这个是什么意思，为什么要加这个呢？不加这个也可以运行！

已采纳回答 / _Rock

事件冒泡：例如这样一个结构：<li><a></a></li>，假如你在a标签上绑定了一个点击click事件，如：$("a").click(function(){alert("a"); }); 还在li标签上绑定了一个事件，如：$("li").click(function(){alert("li"); }); 如果不加e.preventDefault();这一语句，结果会在alert("a");执行后再次执行alert("li")语句，因为a标签在li标签...

4 回答 18725 浏览

2020-01-19