时间戳

首页 > 解决方案 > 无法使用引导程序 4 自动更改选项卡

bootstrap-4 - 无法使用引导程序 4 自动更改选项卡

问题描述

我nav-tabs在我的 HTML 页面的 Bootstrap 中使用。他们正在工作，但我想在 10 秒后自动移动到下一个选项卡，而不单击选项卡。有人可以告诉我该怎么做吗？我发现很少有博客，但这不适用于 Bootstrap 4。

标签： bootstrap-4

解决方案

如https://getbootstrap.com/docs/4.1/components/navs/#javascript-behavior中所述，您可以使用 javascript 更改选项卡：

您可以通过多种方式激活单个选项卡：

$('#myTab a[href="#profile"]').tab('show') // Select tab by name
$('#myTab li:first-child a').tab('show') // Select first tab
$('#myTab li:last-child a').tab('show') // Select last tab
$('#myTab li:nth-child(3) a').tab('show') // Select third tab

将其与正确的选择器和 javascript setInterval( https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval ) 结合起来，以实现您想要的行为。

推荐阅读