如何为其他页面的bootstrap-tabs提供链接

时间:2017-06-27 11:24:57

标签: html

我想从其他页面提供nav-tabs的链接。我的意思是说,我想从另一个页面访问nav-tabs。我会告诉你有关它的详细信息。

在我的网站上有两个页面,一个是index.html页面,另一个是business-listing.html。在商家信息页面中,我使用了nav-tabs。我想从index.html页面访问这些标签。

了解如何提供链接。

代码太长了,所以我无法把它放在这里。

我尝试使用此代码来提供链接<a href="business-listing.html#tab-id">Link to Tab1</a>,但它无法正常工作。

1 个答案:

答案 0 :(得分:1)

您需要编写一些JavaScript代码才能使其正常运行。单击导航栏链接时会发生切换。类似的东西:

$(function () {

    var tabId = window.location.hash;

    $("#yourTabUl").find('a[href=' + tabId + ']').tab('show');

});

yourTabUl替换为TabLinks的ìd元素的ul。 (如果需要,创建一个id)

另请参阅此处的文档:https://getbootstrap.com/javascript/#tabs