jquery modal dialog is laughing at me - dialog shows up modeless

Question

I got stuck trying to show a simple jquery modal dialog. The dialog is shown but in a modeless way.

I have read other posts and checked:

• There is a link to jquery-ui.css
• I've included modal:true parameter.

What am I doing wrong?

HTML

<div id="userPanelDlg">
    <div class="input -clearfix">
        <p>User</p>
        <input name="username" type="text">
        <p>Pass</p>
        <input name="password" type="text">
    </div>
</div>

Javascript

$("#userPanelDlg").dialog({
    resizable: false,
    height: 'auto',
    width: 'auto',
    modal: true,
    buttons: {
        "Ok": function () {
            $(this).dialog("close");
        }
    }
});

Answer 1

I found the problem. I misunderstood a basic javascript concept. The dialog IS shown as modal but the execution follows after dialog() call. I thought that, as in other languages like java, dialog({modal:true}) was a blocking call (like dialog.setVisible(true) in java). Thx for your help anyway