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

Question

我们在新网站的活动页面上使用 Bootstrap 导航选项卡在与我们的活动相关的单个页面上创建不同的部分——关于、演讲者、旅行、注册等。

我们的活动协调员希望能够从网站外部直接链接到出现在“演讲者”选项卡上的各个演讲者。通常，这很简单——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')
};