Question

我正在尝试在jQuery Mobile可折叠中使用Flowplayer的jQuery Tools Scrollable。

这是我的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在那里并且正常工作，但它永远不可见。

我该如何解决这个问题？

如果可以切换父元素可见性，如何显示jQuery Tools可滚动？

0 个答案: