<script src="/js/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="/js/jquery/ui.tabs.css" type="text/css" rel="stylesheet">
<script src="/js/jquery/ui.core.js" type="text/javascript"></script>
<script src="/js/jquery/ui.tabs.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var tab;
jQuery(document).ready(function(){
//初始状态#workDiv > ul处于隐藏，此时使其显示，避免页面过渡现象出现
jQuery("#selectDiv > ul").css("display","");
//产生tab标签
tab=jQuery("#selectDiv > ul").tabs({ cache: true });
//使子信息标签不可用
//tab.tabs('disable', 1);
});
//-->
</script>
<html>
<body>
<div id="selectDiv" class="">
<ul style="display:none">
<li>
<a href="#iframe-1"><span>选项卡1</span>
</a>
</li>
<li>
<a href="#iframe-2"><span>选项卡2</span>
</a>
</li>
<li>
<a href="#iframe-3"><span>选项卡3</span>
</a>
</li>
</ul>
<div id="iframe-1">
<iframe src="http://www.baidu.com" frameborder="0"
style="width: 100%;height: 100%"></iframe>
</div>
<div id="iframe-2">
<iframe src="http://www.hao123.com" frameborder="0"
style="width: 100%;height: 100%"></iframe>
</div>
<div id="iframe-3">
<iframe src="" frameborder="0" style="width: 100%;height: 100%"></iframe>
</div>
</div>
</body>
</html>
1 楼
smallratluobin
2010-04-17
前面有tab.tabs('disable', 1); 让第2个tab页失效
tab.tabs('enable', 1); 让第2个tab可用 。
具体内容：参考【http://hi.baidu.com/prince_zyb/blog/item/7df6f9823d0caaa90df4d2ee.html】
tab.tabs('enable', 1); 让第2个tab可用 。
具体内容：参考【http://hi.baidu.com/prince_zyb/blog/item/7df6f9823d0caaa90df4d2ee.html】
2 楼
tvjody
2010-04-20
一堆HTML代码，能不能再详细描述，贴个图可能更直观，方便大家看，不然感觉乱七八糟
3 楼
whaosoft
2010-04-20
说实话这个不老好看的。。。
4 楼
shadowlin
2010-04-21
这个似乎没什么意义吧，和jquery.ui.tabs的api和说明上写的基本一样嘛。。。