我正在开发一个网页,其中我使用的是Twitter的Bootstrap Framework和他们的Bootstrap Tabs JS.它工作得很好,除了几个小问题,其中之一是我不知道如何从外部链接直接转到特定的选项卡.例如:

<a href="facility.php#home">Home</a>
<a href="facility.php#notes">Notes</a>

应分别转到主页选项卡和备注选项卡when clicked on the links from an external page

推荐答案

这是我对这个问题的解决方案,也许有点晚了.但它可能会帮助其他人:

// Javascript to enable link to tab
var hash = location.hash.replace(/^#/, '');  // ^ means starting, meaning only match the first hash
if (hash) {
    $('.nav-tabs a[href="#' + hash + '"]').tab('show');
} 

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

Javascript相关问答推荐

有什么(最佳)方法可以从模块中获取脚本模块的多姆元素吗?

如何访问Json返回的ASP.NET Core 6中的导航图像属性

如何最好地从TypScript中的enum获取值

从实时数据库(Firebase)上的子类别读取数据

将旋转的矩形zoom 到覆盖它所需的最小尺寸&S容器

PDF工具包阿拉伯字体的反转数字

如何通过将实例方法的名称传递给具有正确类型的参数的继承方法来调用实例方法?

如何从HTML对话框中检索单选项组的值?

如何迭代叔父元素的子HTML元素

为什么这个.add.group({})在教程中运行得很好,但在我的游戏中就不行了?

从另一个数组中的对应行/键值对更新数组中的键值对对象

钛中的onClick事件需要在两次点击之间等待几秒钟

使用Document.Evaluate() Select 一个包含撇号的HTML元素

如何找到带有特定文本和测试ID的div?

将Auth0用户对象存储在nextjs类型脚本的Reaction上下文中

如果我的列有条件,我如何呈现图标?

如何压缩图像并将其编码为文本?

需要刷新以查看Mern堆栈应用程序中的更改

将匿名函数附加到链接的onClick属性

为什么我的InDesign Java脚本不能完全工作?