Widget不起作用 - JQuery-mobile

Question

我在JQuery Mobile中有以下可折叠小部件：

当我更新页面时（按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();
});

希望有所帮助！