поле для tabs не видит динамические созданные ещё одни табы

Обсуждаются вопросы по надстройке jQuery UI - официальные виджеты и плагины для организации взаимодействия с элементами интерфейса.

Модераторы: EGORR, Gennady

поле для tabs не видит динамические созданные ещё одни табы

Сообщение delias » 14 апр 2010, 00:22

скрин на всяк случай:
Изображение
Код: выделить все
<!--/////////////////////////////////////////////////ТАБЫ///////////////////////////////////////////-->
<div id="innercolor" style="top:300">
   <ul>
      <li><a href="#WW">Белый цвет</a></li>
      <li><a href="#AL">Алюминий</a></li>
   </ul>
   <div id="WW"> <!--//////белый цвет////-->
      <div id="innerchoice">
         <ul>
            <li><a href="#vikl">Выключатели</a></li>
            <li><a href="#roz">Розетки</a></li>
            <li><a href="#dimm">Диммеры</a></li>
         </ul>
         <div id="vikl"> <!--//////Выключатели////-->
            <div class="ui-test" style="left:100px;"><img id="A590WW + 501U" src="img/A500/1kl.gif" alt="1кл" /></div>
            <div class="ui-test" style="left:200px;"><img id="A595WW + 505U" src="img/A500/2kl.gif" alt="2кл" /></div>
         </div>
         <div id="roz"> <!--//////Розетки////-->
            <div class="ui-test" style="left:300px;"><img id="A520WW" src="img/A500/roz.gif" alt="розетка" /></div>
         </div>
         <div id="dimm"> <!--//////Выключатели////-->
            <div class="ui-test" style="left:400px;"><img id="A540WW + 266GDE" src="img/A500/dimm.gif" alt="диммер" /></div>
         </div>
   </div>
   <div id="AL">  <!--//////алюминий////-->

   </div>
   </div>
</div>


посоветуете чего?
delias
 
Сообщений: 15
Зарегистрирован: 03 апр 2010, 10:36

Re: поле для tabs не видит динамические созданные ещё одни табы

Сообщение Gennady » 14 апр 2010, 09:42

Вроде и скрин есть и код.... Что вкладывается в понятие "не видит"? Где создаются "еще одни табы"? Это надо бы уточнить. А для начала: какие-либо компоненты, которые требуют при своей инициализации вычисления размеров (к их числу безусловно относится и Tabs) не будут работать, поскольку загружаются в скрытые вкладки, т.е. display:none; (для большинства браузеров - это нулевые ширина и высота). Решение - использовать так называемую технику "off-left technique". Надо заменить правило для селекторов .ui-tabs .ui-tabs-hide на такое:
Код: выделить все
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

При таком решении скрытые вкладки будут иметь физические размеры отличные от нуля и для загружаемых в них компонент будет возможно вычисление размеров.
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

Re: поле для tabs не видит динамические созданные ещё одни табы

Сообщение delias » 14 апр 2010, 12:29

разобрался с проблемой - всё дело в стиле, прописан ведь position:absolute; - поэтому его границы и не видели.
пришлось убирать абсолют и загонять дивы в <table>

спасибо что откликнулись!
delias
 
Сообщений: 15
Зарегистрирован: 03 апр 2010, 10:36


Вернуться в jQuery UI

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1