链接到引导程序导航选项卡内的ID

Linking to an ID inside a Bootstrap nav-tab

本文关键字：ID 选项 引导程序 导航 链接      更新时间：2023-09-26

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

我们的活动协调员希望能够从网站外直接链接到"发言人"选项卡上出现的个人发言人。通常情况下，这很简单——http://domain.name/events/eventspage#speakerID.

然而，因为我们使用的是导航选项卡，所以没有一种简单而明显的方法来创建这个链接。我浏览了这里和其他地方的帖子，看看是否有其他人解决了这个问题，但还没有找到任何东西。

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

您可以在https://www.rjionline.org/events/rjicollab.

如有任何建议，我们将不胜感激。

这就是它如何使用jQuery:

从另一个网页上的链接中选择JQUERY选项卡中的锚

您可以从那里调整代码。

在这里你可以尝试这个功能：

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