jQuery中的对话框无法正常工作?

时间:2014-01-23 13:35:10

标签: javascript jquery

这是我使用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/

2 个答案:

答案 0 :(得分:4)

在您的代码中,您实际上从未调用对话框。请注意:

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

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

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

答案 1 :(得分:0)

我了解您可能需要检查标签。它们非常接近。因此,我建议您检查开始和结束标签。同时我检查了你的代码jsfiddle并做了必要的调整。

你可以在这里查看[http://jsfiddle.net/zjRga/353/]