Widget不工作- JQuery-mobile

Question

我在JQuery移动中有以下可折叠的小部件：

​

​

当我更新页面(按F5)时，这个小部件不再工作，如图所示：

​

​

代码如下：

<div data-role="main" class="ui-content">
            <div data-role="collapsible">
                <h1>
                    What belongs to you but others use it more than you do? <br>(Click
                    for the answer)
                </h1>
                <p>Your name!</p>
            </div>
        </div>

Answer 1

您可以尝试“刷新”可折叠元素：

$(document).on("pageinit", function () {
        $("div[data-role='collapsible']").collapsible();
});

希望能帮上忙！