JQuery 对话框 ('open' )不工作

Question

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

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

$('#myDiv').dialog('open');

我升级到jquery 1.6.1，它工作正常。但如果我添加 DOCTYPE 则不起作用，但如果我这样做

$('#myDiv').dialog();

效果很好。

这可能是什么原因？

Answer 1

您需要设置对话框。

<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;
});