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; 
}