用文本链接关闭jquery ui popup

时间:2012-05-23 03:46:38

标签: jquery-ui-dialog

我的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>

之前非常感谢

1 个答案:

答案 0 :(得分:0)

$dialog不在$("#close")函数范围内。 尝试在var $dialog

$(document).ready功能旁边声明$('a#popup')