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 ＆＃39;来指定阻止展开的文件。 s ID。

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

  

<强> Demo