链接到Bootstrap导航选项卡中的ID

Question

我们在新网站的活动页面上使用Bootstrap nav-tabs在与我们的活动相关的单个页面上创建不同的部分 - 关于，演讲者，旅行，注册等。

我们的活动协调员希望能够直接链接到网站外部的“演讲者”标签上的各个发言人。通常情况下，这非常简单 - http://domain.name/events/eventspage#speakerID。

但是，由于我们使用的是导航标签，因此创建此链接并不是一种简单明了的方法。我查看了此处和其他地方的帖子，看看是否有其他人已经解决了这个问题，但还没有找到任何内容。

该站点使用Bootstrap 3构建，并使用ExpressionEngine 2.10作为CMS。

您可以查看我们在https://www.rjionline.org/events/rjicollab设置事件页面的工作示例。

任何建议都将不胜感激。

Answer 1

这就是它如何与jQuery一起使用：

Select an anchor within a JQUERY Tab from a link on anther webpage

您可以从那里调整代码。

Answer 2

您可以尝试此功能：

function goToTab(){
    var hash=document.location.hash,
        prefix="tab_";
    if(hash)
      $('.nav-tabs a[href='+hash.replace(prefix,"")+']').tab('show')
};