jquery-ui-dialog - 关闭带有文本链接的 jquery ui 弹出窗口

Question

jquery-ui 弹出对话框有问题。如果我使用默认弹出关闭按钮关闭，则可以，但如果我使用文本链接关闭，则弹出不关闭。

$(document).ready(function () {
    $('a#popup').live('click', function (e) {
        var page = $(this).attr("href")
        var $dialog = $('<div></div>')

    .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
    .dialog({
        autoOpen: false,
        modal: true,
        height: '500',
        width: '85%',
        title: "",

        buttons: {
            "Close": function () { 
                $dialog.dialog('close'); 
                location.reload();
             }
        },
    });
        $dialog.dialog('open');
        e.preventDefault();

    });
});


$("#close").live("click", function (e) {
   alert('hjhhh');
   $dialog.dialog('close');
});

call from html
<a id="close" href="#">close popup</a>

非常感谢之前

Answer 1

$dialog不在$("#close")函数范围内。尝试var $dialog在$(document).ready函数外声明$('a#popup')