在选项卡内显示另一个页面的内容答案

【问题标题】：display the contents of another page inside tabs在选项卡内显示另一个页面的内容
【发布时间】：2015-06-04 09:36:16
【问题描述】：

如何在标签页中显示外部页面？我有这四个选项卡，旨在在单击时调用外部页面。

 <div class="bs-example bs-example-tabs" role="tabpanel" style="padding-top: 70px;">
            <ul id="myTab" class="nav nav-tabs" role="tablist">
              <li>
                  <a href="#ViewPools.aspx" id="#tab0" role="tab" data-toggle="tab"  >Pool
                </a></li>

                <li>
                 <a href="#tabCategory" id="#tab1" role="tab" data-toggle="tab" >Category
                </a></li>

                <li>
                <a href="#tab2" id="#tab2" role="tab" data-toggle="tab">SLA
                </a></li>

                <li>
                <a href="#tab3" id="#tab3" role="tab" data-toggle="tab">Notification
                </a></li>

            </ul>

            <div id="myTabContent" class="tab-content">
                <div class="tab-pane" id="ViewPools"></div>
            </div>
</div>

有什么方法可以使用 jquery 做到这一点吗？谢谢

【问题讨论】：

是的，您可以在 div 中使用 iframe 并将 iframe src 属性 acc 更改为锚点 href。
我要调用的页面有jquery，我猜iframe只是用来显示的？

标签： jquery twitter-bootstrap tabs

【解决方案1】：

<html>
<style type="text/css">
<!--
#container {
        width: 388px;
        height: 280px;
        border: 0px solid #000;
        overflow: hidden;
        margin: auto;
}

#container iframe {
        width: 1000px;
        height: 700px;
        margin-left: -514px;
        margin-top: -279px;
        border: 0 solid;
}
-->
</style>

</head>
<body>
    <div id="container">
    <iframe
        src="http://stackoverflow.com/"
        scrolling="no"></iframe>
    </div> 
</body>

您可以通过创建多个 iframe 来访问任意数量的页面，将您想要的网页替换为我在代码中使用的 src。

【讨论】：

【解决方案2】：

使用以下对您有用的链接，点击“类别”。

Demo

【讨论】：