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函數。 當我將這些行替換為jsFiddle中的注釋時 ，它似乎可以工作：

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

Answer 2

我了解您可能需要檢查標簽。 他們非常接近。 因此，我建議您檢查開始和結束標記。 同時，我檢查了您的代碼jsfiddle並進行了必要的調整。

您可以在這里查看此內容[http://jsfiddle.net/zjRga/353/]