当前位置: 代码迷 >> JavaScript >> easyui tabs 加载时怎么自动隐藏
  详细解决方案

easyui tabs 加载时怎么自动隐藏

热度:831   发布时间:2014-02-27 01:51:32.0
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>
  相关解决方案