我使用 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/