jquery-mobile - JQuery-Mobile 在图标单击时展开/折叠？

Question

有人知道如何仅在折叠 div 中单击图标时实现展开/折叠吗？

Answer 1

试试 jQM 的Collapsible content。您需要做的就是添加data-role="collapsible"到 div，例如：

<div data-role="collapsible">
   <h3>I'm a header</h3>
   <p>
      I'm the collapsible content. 
      By default I'm closed, but you can click the header to open me.
   </p>
</div>

Answer 2

我找到了以下方式：

...
                collapsibleHeading.find(".ui-icon").bind("click", function (event) {
                    var type = collapsibleHeading.is(".ui-collapsible-heading-collapsed") ?
                                                                                "expand" :                "collapse";

                    collapsible.trigger(type);

                    event.preventDefault();
                });

如果您需要更多详细信息，请告诉我。