Как показать 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 есть и работает должным образом, он никогда не виден.
Как я могу обойти это?