javascript - jQuery 中的对话框不起作用？

Question

这是我使用 jQuery 的对话框代码

    $(document).ready(function(){
       function showDialog() {
        $("#Close").dialog({
            resizable: true,
            height: 140,
            modal: true,
            position: 'center',
            buttons: {
                'Yes': function () {
                    $(this).dialog("close");
                    return true;
                },
                'No': function () {
                    $(this).dialog("close");
                    return false;
                }
            }
        });
    };

    $('#Open').click(function(){
    alert('Hellp');
    //    showDialog();
    });
});

但是不起作用？这是我的 jsfiddle - http://jsfiddle.net/zjRga/349/

Answer 1

在您的代码中，您从未真正调用对话框。注意这一点:

alert('Hellp');
//    showDialog();

您正在显示一个标准的 alert 而不是调用您的 showDialog 函数。当我将这些行换成注释时 in your jsFiddle , 它似乎有效:

//alert('Hellp');
showDialog();