javascript - 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

最简单的方法是在单击可折叠标题 后返回false。所有 collapsible heading 都有 ui-collapsible-heading-toggle 类，因此您需要通过指定 来指定要防止展开的标题可折叠的 ID。

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

Demo