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 });
    }
});