Jquery mobile jquerymobile'；s loadpage（）插入一个空容器

我对jQuery mobile的loadPage（）方法有问题。我正在使用该方法加载弹出式容器。加载页面时，当我检查它时，#popup DIV为空（没有.header、.content或.footer DIVs）。我做错什么了吗

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>

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