jQuery Mobile可折叠套装马车行为

Question

当在android/ios上运行以下代码并在同一可折叠元素上用两根手指轻敲时，它会亮起（如选定），直到再次点击它为止。同样的事情发生，如果你点击快速在不同的元素。我想知道如何解决这个马车行为。

此外，它崩溃和扩大元素的速度很慢，它不是即时应有的。原因是什么？

我做了一个短视频，你可以看到索尼Xperia Z3 Compact和iPhone 5S的影响。

https://www.youtube.com/watch?v=HiwzKwMt1jM

<div data-role="page" data-theme="a" id="pageone"> 
    <div class="ui-content" data-role="main" style= 
    "padding-top:0; padding-bottom:0;"> 
     <div data-role="collapsible-set" style="margin: 0;"> 
      <div class="divs" data-collapsed-icon="gear" data-expanded-icon= 
      "gear" data-inset="false" data-role="collapsible"> 
       <h4 class="elem">12:00 Some concert</h4> 

       <p>concert info</p> 
      </div> 

      <div class="divs" data-collapsed-icon="gear" data-expanded-icon= 
      "gear" data-inset="false" data-role="collapsible"> 
       <h4 class="elem">13:00 Some other concert</h4> 

       <p>Test</p> 
      </div> 
     </div> 
    </div> 
</div> 

http://jsfiddle.net/p7g1q1qd/

Answer 1

覆盖蓝色的 “主动” CSS摆脱了越野车的问题。

.ui-btn-active 
{ 
    text-shadow: 0 1px 0 #111 !important; 
    color: #fff !important; 
    border-color: #1f1f1f !important; 
    background-color: #333 !important; 
}