javascript - Bootstrap 选项卡 : Go to Specific Tab on different page in Wordpress

Question

我使用 bootstrap 创建静态站点。在我的主页中，我有一个链接可以重定向到另一个页面的特定选项卡。我使用这个脚本代码，它在引导静态 html 页面中完美运行。JS代码

    $(function() {
    var hash = window.location.hash;

    hash && $('ul.nav a[href="' + hash + '"]').tab('show');
});

HTML 代码

<a href="tyres.html#menu7">

它将页面重定向到 tyre.htmil 选项卡菜单7，完美运行。

一旦我将 html 移动到 wordpress 的主题中，此功能就无法在 php 中正常工作。它只重定向到页面，不再在特定选项卡上。

我在wordpress主页的php中试过的代码

<a href="tyres#menu7">

和

 <a href="tyres.php#menu7">

我需要将固定链接名称替换为 ID 吗？或者我需要在 php 中使用的正确格式是什么？或者我是否需要更改我的 JS 代码？

谢谢

Answer 1

尝试使用 wordpress site_url();像这样在 anchor 标记中运行以重定向并打开目标页面上的选项卡

<a href="<?php echo site_url(); ?>/your-page#tab-hash">