Размер Div внутри вкладок jquery

0

У меня есть некоторые проблемы с установкой width + height divs A и B (их содержимое генерируется с помощью javascript). Размер этого divs зависит от того, какая вкладка выбрана при обновлении страницы (выбранная вкладка имеет соответствующий размер). Как сделать его более стабильным?

<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>
  • 0
    можешь добавить jsfiddle?
Теги:
tabs
size

1 ответ

0

Вот пример кода, который может вам помочь:

     $(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/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню