jquery - Twitter Bootstrap 选项卡 : loading a link

标签 jquery twitter tabs twitter-bootstrap

现在形成我在 Twitter Bootstrap 选项卡纪录片中看到的内容，a href 指向带有选项卡内容的特定 ID，如下所示

<ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#info">Information</a>
        </li>
        <li ><a href="#friends">Friends</a>
        </li>
</ul>

但是如果我想在选项卡内加载一个链接，就像这样，我该如何使用 jquery 来做到这一点？

<ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="http://www.mysite.com/info">Information</a>
        </li>
        <li ><a href="http://www.mysite.com/friends">Friends</a>
        </li>
</ul>

我也在这里使用了搜索，但没有幸运地找到我需要的东西...也许如果有人有合适的链接，我会很感激它回答我的问题:)

最佳答案

如果您计划加载特定链接并且没有将完整内容嵌入到网站中，只需在服务器端执行此操作，并通过将类设置为事件状态来生成每个选项卡的相应 html。剩下的就是CSS

看看这个:https://github.com/twitter/bootstrap/issues/814

如果您计划切换到不同的站点(而不是服务器)，那么我会让服务器生成引用该站点的无缝 iframe

关于jquery - Twitter Bootstrap 选项卡 : loading a link，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10869721/