UI Tab加载外部页面在外部页面（2级）

我试图加载一个外部页面1到UI（这不是硬的部分），但接下来我想自动加载第二级到第1UI Tab加载外部页面在外部页面（2级）

左右的DIV页面，我有3个HTML页面： - index.html的 - external1.html - external1A.html

中的index.html jQuery将加载的外部1。 html转换为div'tabcontent'，然后将external1A.html加载到定义为external1.html（所有jQuery应在主index.html中定义）中的div'content'中。

当您点击external1.html中定义的链接时，其他external1B.html将被加载到external1.html中定义的DIV'内容'中。当我加载标签-2，我将加载external2.html等...

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

我的网页看起来像：

的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是怎么样的吗？

非常感谢！

来源

2010-01-29 Guido Lemmens 2

好吧，以后我看了一些更多的文档，它是越来越清晰，我找到了解决办法：

时自动加载选项卡，你可以把更多的事件到标签加载之后应该运行的负载。 ..

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

而就在external1.html的链接点击会的其他HTML加载到external1.html定义一个div '内容'：

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

钍ats它。从来没有想过这很容易，即使是一个jQuery新手！

来源

2010-01-29 02:01:10

UI Tab加载外部页面在外部页面（2级）

回答

相关问题