javascript - 如何根据用户的点击在下一页上激活特定的标签？

例如，从/index.html，我想将它们带到另一个页面/ list

在/ list中，有一个药丸导航


项目1
项目2
项目3


根据他们从index.html单击的内容，我希望激活不同的列表项。有什么办法可以做到这一点？

最佳答案

尝试将参数中的数字从index.html发送到list.html，然后获取该数字并根据该数字显示选项卡。

像这样添加数字以链接到index.html中

<a href="list.html?number=1">Item 1</a>
<a href="list.html?number=2">Item 2</a>
<a href="list.html?number=3">Item 3</a>

将此代码添加到list.html中

$(document).ready(function(){

var url_string = window.location.href;
var url = new URL(url_string);

var number = url.searchParams.get("number");
    activeTab(number);
});

function activeTab(tab){
    $('.nav-tabs a[href="#item' + tab + '"]').tab('show');
};

关于javascript - 如何根据用户的点击在下一页上激活特定的标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54295807/