Question

我在设置div和A的宽度+高度方面遇到了一些问题（使用javascript生成它们的内容）。该div的大小取决于刷新页面时选择的选项卡（选定的选项卡具有适当的大小）。如何让它更稳定？

<div id="tabs" class="ui-tabs" style="width:100%;margin:auto;clear:both;padding:auto;">
  <ul>
    <li><a href="#tabs_0">A</a></li>
    <li><a href="#tabs_1">B</a></li>
  </ul>
  <div id="tabs_0" class="subTab">
     <div id="A" style="height: 80%; width: 80%; margin: auto;"></div>
  </div>

  <div id="tabs_1" class="subTab">
      <div id="B" style="height: 45%; width: 45%; margin: auto;></div>
</div>

Answer 1

以下是一段可以帮助您的代码：

     $(function() {
         $("#tabs").tabs();
         $("#tabs li a").click(function(){
             var id = $(this).attr('href');
             $(id).css({'height':'200px'})
             $(id).css({'width': '700px'})
         })
    });

您也可以在此处查看：http://jsfiddle.net/aaa_borza/3eC9m/9/

在jquery选项卡中的div大小

1 个答案: