JQuery Dialog('open')无效

时间:2011-08-02 20:28:23

标签: jquery jquery-ui jquery-ui-dialog

以下是http://jsfiddle.net/mUpjw/15/

示例

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

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

我升级到jquery 1.6.1并且它运行正常。但是,如果我添加一个DOCTYPE而不是它不起作用,但如果我这样做

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

工作正常。

这可能是什么原因?

2 个答案:

答案 0 :(得分:5)

您需要设置对话框。

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

答案 1 :(得分:0)

这是一个在>初始化对话框后使用的选项..

$('#mydiv').dialog({autoOpen: false});
// now you can call it with 'open' to actually show it..
$('#myDiv').dialog('open');

演示http://jsfiddle.net/gaby/mUpjw/16/

区别在于 jQuery UI 版本而不是 jQuery库