jQuery mobile-如何防止可折疊div單擊后展開？

Question

有什么方法可以使用jQuery Mobile在可折疊div中禁用擴展？ 我使用的是jqm版本1.2.1。 非常感謝你。

默認狀態，點擊例如about_ats之后，我需要該狀態：

單擊后說明我不想顯示單擊后的間隔：

HTML：

<div id="about_ats" data-role="collapsible">
     <h3>About ATS</h3>
     {*<ul data-role="listview" data-inset="true">
           <li><a href="/{$country}/{$lang}/8_about-ats.html">About ATS</a></li>
     </ul>*}
</div> 

Answer 1

最簡單的方法是單擊可折疊標題后 return false 。 所有可折疊標題都具有ui-collapsible-heading-toggle ，因此您需要通過指定collapsible的ID來指定防止擴展的那個。

$(document).on("pageinit", function () {
  $("#about_ats .ui-collapsible-heading-toggle").on("click", false);
});

演示版