как показать jQuery Tools с возможностью прокрутки, если видимость родительского элемента может быть переключена? - PullRequest
Новая
       58

как показать jQuery Tools с возможностью прокрутки, если видимость родительского элемента может быть переключена?

0 голосов
/ 14 января 2012

Я пытаюсь использовать Flowplayer jQuery Tools Scrollable внутри jQuery Mobile.

Это мой HTML: 

 <div data-role="collapsible" class="brandImages">
    <h3>Images</h3>
    <div class="itb horizontal">
        <div class="scrollable horizontal">
           <div class="items">
               <div class="image_container"><img src="001b.jpg" alt="" /></div>
               <div class="image_container"><img src="002b.jpg" alt="" /></div>
               <div class="image_container"><img src="003b.jpg" alt="" /></div>
               <div class="image_container"><img src="004b.jpg" alt="" /></div>
               <div class="image_container"><img src="005b.jpg" alt="" /></div>
            </div>
         </div>
     </div>
 </div>

И мой инициатор 

$(".scrollable").scrollable({ circular: true }).autoscroll(7500).navigator();

jQuery Mobile помещает .itb horizontal внутрь div с .ui-collapsible-content, который jQuery Mobile переключает, когда я нажимаю на свернутый заголовок. Это добавляет / удаляет класс ui-collapsible-content-hidden.

Проблема в том, что jQuery Tools, похоже, устанавливают .ui-collapsible-content в display:none, тем самым скрывая сворачиваемое содержимое и прокручиваемый, даже когда сворачиваемое должно быть видно.

Так что, хотя Scrollable есть и работает должным образом, он никогда не виден.

Как я могу обойти это?

...