0

jQuery モバイルの 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 });
    }
});
4

0 に答える 0