jquery-mobile - jQuery mobile 的 loadpage() 插入一个空容器

Question

我遇到了 jQuery mobile 的 loadPage() 方法的问题。我正在使用该方法来加载弹出容器。当页面被加载时，当我检查它时，#popup DIV 是空的（没有 .header、.content 或 .footer DIV）。难道我做错了什么？

HTML (popup.php)

<div id="popup" data-role="popup" data-overlay-theme="a">
    <div class="header" data-role="header">
        <h1>Title</h1>
    </div>
    <div class="content" data-role="content" data-iscroll>
        Something.
    </div>
    <div class="footer" data-role="footer">
        <a class="close" href="#" data-rel="back" data-role="button" data-inline="true" data-mini="true">Close</a>
    </div>
</div>

JavaScript

$(document).on('pagecreate', '.find-page', function() {
    // load popup once
    if (!$('#popup').length) {
        $.mobile.loadPage('popup.php', { changeHash: false });
    }
});