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

Я пытаюсь использовать jQuery Tools Scrollable от Flowplayer внутри 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 Мобильные обертывания .itb horizontal внутри div с .ui-collapsible-content, который jQuery Mobile переключает, когда я нажимаю на складной заголовок. Это добавляет / удаляет класс ui-collapsible-content-hidden,

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

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

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

0 ответов

Другие вопросы по тегам