如何在折叠之前从 jQuery Mobile 获取 .ui-collapsible 的“折叠”事件答案

【问题标题】：How to get an "collapse" event of a .ui-collapsible from jQuery Mobile before it collapses如何在折叠之前从 jQuery Mobile 获取 .ui-collapsible 的“折叠”事件
【发布时间】：2014-04-26 07:20:49
【问题描述】：

我愿意：

$( ".ui-collapsible" ).on("collapse", onCollapse );

然后：

var onCollapse = function(e) {
    // close all open input fields on collapse
    $(this).find( ".closeable [data-role='button']" )
           .filter(":visible")
           .trigger( "click" , "enter" );
};

但是可折叠元素已经折叠了，所以没有可见元素了。

有没有办法在实际崩溃之前得到这个事件？

【问题讨论】：

否，除非您扩展小部件以支持新事件。您使用的是哪个版本的 jQuery Mobile？您是否也真的绑定到collapse 而不是collapsiblecollapse？
@FrédéricHamidi 我要崩溃了。无论如何谢谢。
另一种选择是手动折叠/展开它们，点击可折叠的标题。
您可以发布您的 html/可折叠标记示例吗？
@Omar，我找到了解决方法。我将属性 visible="true" 添加到一个打开的元素，并像这样更改代码：var onCollapse = function(e) { // close all open input fields on collapse $(this).find( ".closeable[visible='true'] [data-role='button']" ) .trigger( "click" , "enter" ); };

标签： jquery events jquery-mobile collapse

【解决方案1】：

我实际上并没有检查足够多的优惠来确定它是否在崩溃之前触发，但您仍然可以尝试：

 $('#my-collaspible').bind('expand', function () {
    alert('Expanded');
 }).bind('collapse', function () {
    alert('Collapsed');
 });

http://jsfiddle.net/6txWy/2062/

来自JQuery-Mobile collapsible expand/collapse event

【讨论】：