JQUERY,调用我创建的对话框?找不到它

时间:2010-01-24 19:45:31

标签: javascript jquery-ui jquery

我正在使用以下代码使用JQUERY / UI创建一个对话框:

var $dialog2 = $('<div id="sharerdialog2"></div>')
.html('<p>Loading...</p>')
.dialog({
    autoOpen: false,
    title: 'Image Stuffer',
    position: ['center',150],
    width: 450,
    focus:function(event, ui) {
        $('#dialogcloser').click(function() {
            $dialog.dialog('close');
        });
    }, 
    open: function(event, ui) {
        $("#sharerdialog2").load("MyURL.com");
    }
});

我正在尝试调用Dialog让它打开,但是JQUERY没有使用以下内容找到它:

$dialog2.dialog('open');

奇怪的是,如果我在上面添加以下内容后,它确实可以在BIND上运行:

$('#ttttt').click(function() {
$dialog2.dialog('open');
}); 

为什么会这样?如何调用Dialog在另一个函数中打开?

由于

1 个答案:

答案 0 :(得分:2)

您应该将代码包装在domready事件处理程序中:

$(document).ready(function() {

    $dialog2.dialog('open');

});