javascript - jQuery モバイル ポップアップ ディメンション

Question

jQuery モバイル ポップアップ ヘッダーのサイズがコンテンツと同じではありません。

jQuery 1.8.3 および jQuery モバイル 1.2.0。

<div data-role="popup" id="commentPopup" style="width: 800px;" class="ui-corner-all">
    <div data-role="header" data-theme="b" class="ui-corner-top">
        <h1>Please enter your comment</h1>
    </div>
    <div data-role="content" data-theme="b" class="ui-corner-bottom ui-content">
        <textarea></textarea>
        <a href="#" data-role="button" data-inline="true" id="okComment" data-theme="a">OK</a>
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="a">CANCEL</a>
    </div>
</div>

情報については、 で開きます$('#commentPopup').popup("open");。

ポップアップが開いている間、スクロールを無効にすることはできますか? ページの別の場所をクリックしたときにユーザーがポップアップを閉じないようにすることは可能ですか?

ありがとう

Answer 1

.ui-content@Omarが見つけたCSSクラスをオーバーライドしていました。

問題は解決された。

非表示に関しては、これは jQM バージョン < 1.3.0 では不可能です。