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

标签 javascript css wordpress tabs

我使用 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 代码?

谢谢

最佳答案

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

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

关于javascript - Bootstrap 选项卡 : Go to Specific Tab on different page in Wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44222842/

相关文章:

ios - 当我在 swift (iOS) 中使用 loadHTMLString() 方法时,如何在 UIWebView 中导入 css 文件

html - 响应式 slider 按钮

javascript - 在传递给 Vue Good-Table 之前格式化列数据

javascript - 复选框和 radio 的 JQuery 验证插件问题

javascript - 尝试显示提示,直到使用 Javascript 输入正确的条目

python - 如何创建用于 pisa (xhtml2pdf) 的布局?

php - 如何使用 wp_enqueue_script 从 WordPress 插件导入脚本和样式

javascript - 将 onclick 添加到所有电话链接

javascript - 如何切换 insertBefore 或 InsertAfter?

javascript - Angular 2 类型错误 : Cannot read property 'animate' of null