日期:2014-05-16  浏览次数:20407 次

easyui tabs 加载时如何自动隐藏
在弹出页面中有3个选项卡,但是我想隐藏2个,只显示一个,网上的办法是
$(fucntion(){
var ctab = $('#div0').tabs('getTab', 'title1').panel('options').tab;
ctab.hide();
});

发现没有效果,部分代码如下
<div class="easyui-tabs" fit="true" id="div0">
 <div id='div1' title="title1" style="padding:10px;">
</div>
 <div id='div2' title="title2" style="padding:10px;">
</div>
 <div id='div3' title="title3" style="padding:10px;">
</div>
</div>
------解决方案--------------------
tabs动态加载的?这样是不会重构tabs对象的,需要自己手动调用过tabs方法,增加<div class="easyui-tabs" fit="true" id="div0">这种样式的对象需要在文档加载完毕前就要在dom页面中存在。



<div class="easyui-tabs" fit="true" id="div0">
    <div id='div1' title="title1" style="padding:10px;">
</div>
    <div id='div2' title="title2" style="padding:10px;">
</div>
    <div id='div3' title="title3" style="padding:10px;">
</div>
    <div id='div4' title="水医生" style="padding:10px;">
</div>
</div>
<script type="text/javascript">
$(function(){
var selected = 'title1';
$('#div0').tabs().tabs('select', selected);  // 这句话报异常
});
</script>