jQuery移动弹出维度

Question

My jQuery mobile popup header doesn't have the same size as the content.

jQuery 1.8.3 and jQuery mobile 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>

For info, I open it with $('#commentPopup').popup("open"); .

Is it possible to disable the scroll while the popup is opened? Is it possible to prevent the user from closing the popup when clicking in another place of the page?

Thanks

Answer 1

I was overriding a CSS .ui-content class as @Omar found it.

The problem is solved.

Concerning the dismissible, this is not possible with jQM version < 1.3.0.