JQuery Dialog('open')无效

Pit*_*ger 6 jquery jquery-ui jquery-ui-dialog

这是一个示例http://jsfiddle.net/mUpjw/15/

我在一些旧代码中使用了JQuery 1.2,它以这种方式打开对话框.

$('#myDiv').dialog('open');
Run Code Online (Sandbox Code Playgroud)

我升级到jquery 1.6.1,它工作正常.但是,如果我添加一个DOCTYPE而不是它不起作用,但如果我这样做

$('#myDiv').dialog();
Run Code Online (Sandbox Code Playgroud)

这很好.

这可能是什么原因?

Cai*_*men 6

您需要设置对话框.

<div id="dialog_link">click here</div>
<div id="mydiv" style="display:none;">This is some document here.Will be shown as used 'open'</div>
<div id="mydiv2" style="display:none;">This is some document here</div>

$(document).ready( function(){

$('#mydiv').dialog({
    autoOpen: false,
    width: 600,
    buttons: {
        "Ok": function() {
            $(this).dialog("close");
        },
        "Cancel": function() {
            $(this).dialog("close");
        }
    }
});

$('#dialog_link').click(function() {
    $('#mydiv').dialog('open');
    return false;
});
Run Code Online (Sandbox Code Playgroud)