javascript - 无法以编程方式关闭 jQuery Mobile 弹出窗口中的可折叠项

Question

我的项目有一个包含多个可折叠元素的弹出窗口。首次显示弹出窗口时，可折叠元素会折叠。用户展开一个或多个元素，然后执行操作。

问题是我想在用户执行操作后重置弹出窗口，以便在下次显示弹出窗口时关闭所有可折叠项。我试图触发崩溃，如下所示。我已经阅读了几篇建议此触发器应该起作用的帖子，但我没有成功。下面包含一个 jsfiddle。 jsfiddle 中的示例只有一个可折叠元素，但显示了问题....

非常感谢您的帮助和建议。

 $('#manageChecklistPopup').on('popupafterclose', function(event) {
        // collapse not working :(
        console.log('popup has closed.');

        $('.ui-collapsible').trigger('collapse');

    });

https://jsfiddle.net/qyg53ejy/

Answer 1

您需要调用 collapse method ，不触发事件:

$('#createChecklist').collapsible( "collapse" );

Updated FIDDLE