我目前正在做一个需要嵌套ajax选项卡的项目。我举了一个动态驱动的例子。动态驱动-嵌套Ajax选项卡
我得到了标签工作良好,但我想要嵌套标签的内容(例如"Tab3内容")从上面提供的链接自动刷新每5秒显示更新。我很感激你的帮助。
<ul id="countrytabs" class="shadetabs">
<li><a href="external1.htm" rel="countrycontainer" class="selected">Tab1</a></li>
<li><a href="external2.htm" rel="countrycontainer">Tab2</a></li>
<li><a href="externalnested.htm" rel="countrycontainer">Tab3</a></li>
</ul>
// Main Tab content is displayed here (External tabs are displayed here too)
<div id="countrydivcontainer"> </div>
**Here is "externalnested.htm"**
<ul id="provincetabs" class="shadetabs">
<li><a href="external1.htm" rel="provincedivcontainer">Tab 1</a></li>
<li><a href="external2.htm" rel="provincedivcontainer">Tab 2</a></li>
<li><a href="external3.htm" rel="provincedivcontainer">Tab 3</a></li>
</ul>
// External Tab content is displayed here
<div id="provincedivcontainer"></div>
<script type="text/javascript">
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
countries.onajaxpageload=function(pageurl){
if (pageurl.indexOf("externalnested.htm")!=-1){
provinces=new ddajaxtabs("provincetabs", "provincedivcontainer")
provinces.setpersist(true)
provinces.setselectedClassTarget("link") //"link" or "linkparent"
provinces.init()
}
if (pageurl.indexOf("externalnested.htm")!=-1){
var seconds = 5000; // time in milliseconds
var reload = function() {
$.ajax({
url: 'nested-tab-1.php',
cache: false,
success: function(data) {
$('#countrydivcontainer').html(data);
setTimeout(function() {
reload();
}, seconds);
}
});
};
reload();
}
}
</script>
if (pageurl.indexOf("externalnested.htm")!=-1){
var seconds = 5000; // time in milliseconds
var reload = function() {
$.ajax({
url: 'nested-tab-1.php',
cache: false,
success: function(data) {
$('#countrydivcontainer').html(data);
}
});
};
var timer=setInterval("reload()", seconds);