Jquery twitter引导选项卡：加载链接

现在，从我在twitter引导标签纪录片中看到的情况来看，

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>

---

此外，我在这里使用了搜索功能，但没有幸运地找到我需要的内容…也许如果有人有一个合适的链接，我希望它能回答我的问题：）

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

看看这个：

---

如果您计划使用tab键访问另一个站点（而不是服务器），那么我会让服务器生成一个无缝的iframe引用该站点

您可能会对我的示例感兴趣，该示例演示了如何将外部源的内容“延迟加载”到Twitter Boostrap选项卡中

小提琴在这里：

代码如下所示：

$('#myTabs').bind('show', function(e) {  
    paneID = $(e.target).attr('href');
    src = $(paneID).attr('data-src');
    // if the iframe hasn't already been loaded once
    if($(paneID+" iframe").attr("src")=="")
    {
        $(paneID+" iframe").attr("src",src);
    }
});

---

要将External链接的内容懒散地加载到选项卡中，请在单击选项卡时使用我的插件

这个软件包为引导选项卡添加了lazyloading选项，因此当用户单击它时，每个选项卡的内容都将被加载

1-在jquery.js和bootstrap.js之后，在代码的脚本部分添加对/Scripts/MT.BootstrapTabsLazyLoader.js的引用

2-将class.lazyload添加到导航选项卡（引导选项卡ul标记）

3-将数据url添加到要加载的每个选项卡的锚定标记中。此属性将包含要加载到选项卡中的部分页面的url。范例

<!-- Nav tabs -->
<ul class="nav nav-tabs lazyload">
    <li class="active"><a href="#fullDesc" data-toggle="tab">Description</a></li>
    <li><a href="#specificationDetails" data-toggle="tab">Specifications</a></li>
    <li><a href="#relatedProducts" data-toggle="tab" data-url="@Url.Action("relatedproducts", new { model.product.id})">Related Products</a></li>
    <li><a href="#files" data-toggle="tab" data-url="@Url.Action("getproductfiles", new { model.product.id })">Product Files</a></li>
    <li><a href="#videos" data-toggle="tab" data-url="@Url.Action("getproductvideos", new { model.product.id })">Product Videos</a></li>
</ul>

更新：此软件包已更新，请使用当前链接：

---

Hiya，我可以给你一个小的工作演示，使用选项卡和

iframe

打开Jquery UI的外部链接；它应该会给你足够的信息，让我知道你是否喜欢，干杯。谢谢，但我真的不喜欢iframes，我想坚持使用bootstrap:）：）是的，这就是我问的原因，让我看看我是否可以使用

div

，：P