Question

我尝试将外部页面1加载到ui-tab（这不是困难部分），但接下来我想自动将第二级页面加载到第1页的DIV中。

所以，我有3个html页面： - index.html - external1.html - external1A.html

index.html jQuery会将external1.html加载到div“tabcontent”中，然后将external1A.html加载到定义为external1.html的div“content”中（所有jQuery应在主index.html中定义）。 / p>

当您点击external1.html中定义的链接时，另一个external1B.html将被加载到external1.html中定义的DIV“内容”中。当我加载tab-2时，我将加载external2.html等等......

因此，加载index.html并加载第一个标签内容（external1.html），然后将external1A.html加载到external1.html中定义的DIV“内容”中。

我的网页看起来像：

的index.html

<html>
<head>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script src="js/myscripts.js" type="text/javascript"></script>
</head>
<body>
    <div id="tabs">
        <ul class="ui-tabs-content">
            <li><a href="external1.html" title="tabcontent"><span>external  1</span></a></li>
            <li><a href="external2.html" title="tabcontent"><span>external  2</span></a></li>
        </ul>
    </div>

    <div id="tabcontent"></div>

</div>
</body>
</html>

external1.html

<div class="menu">
    <a href="#" id="external1A">external 1A</a> | 
    <a href="#" id="external1B">external 1B</a> | 
    <a href="#" id="external1C">external 1C</a>
</div>

<div class="content"></div>

external1B.html

<form name="form1">
    <input type="text" value="" name="name="">
    <input type="submit" value="submit" name="Submit">
</form>

最后看起来应该是下一张图片： Tab loads external1 and loads external1A into DIV of external1 http://www.digi-d-sign.nl/external.into.external.png

通常我会尝试保持页面水平不变，但在这种情况下我必须将其加载到这个方向。

你知道jQuery是怎么样的吗？

非常感谢！

Answer 1

好的，在我阅读了更多文档后，它变得清晰，我找到了解决方案：

自动加载标签时，您可以将更多事件放入加载标签后应该运行的加载中...

$('#tabs').tabs({
    load: function(event, ui) {
        $('.content').load('external1A.html');
    }
});

点击external1.html中的链接会将其他html加载到external1.html中定义的div'content'中：

$("#external1A").live('click', function() {
    $('.content').load('external1A.html');
});

多数民众赞成。没想到这很容易，即使对于jQuery新手来说也是如此！

UI选项卡在外部页面中加载外部页面（2级）

1 个答案: