JQuery对话框初始化

时间:2013-03-22 12:45:46

标签: jquery jquery-ui initialization modal-dialog jquery-ui-dialog

单击我的JQuery对话框上的关闭按钮(未关闭)时,我继续收到此错误:

未捕获错误:在初始化之前无法调用对话框上的方法;试图调用方法'关闭'

在其他问题中尝试对StackOverflow提出一些建议的修补程序后,在Chrome Tools中

有人可以指出我没有正确构造对话框以导致此错误吗?

live fiddle here

$(document).ready(function fooDialog() {

    $('#fooChartDialog').dialog({
        autoOpen: false,
        height: 600,
        width: 1000,
        resizable: false,
        buttons: {
            "Drill Down Report": function () {
                window.open('example.com');
            },
            "Close": function () {
                $(this).dialog("close");
            }
        },
        open: function () {
            $('#fooChartDialog').load($('#fooChartDialog').data('url'), function () {
                fooChartLoad()
            });
        },
        title: 'Customer Satisfaction Chart',
        modal: true
    });

    $('#fooChartButton').click(function () {
        $('#fooChartDialog').dialog("open")
    });
});

1 个答案:

答案 0 :(得分:4)

尝试使用$(this).dialog("close");代替$('this').dialog("close");

当前对象应由 $(this) 而不是$('this')

引用