jquery - 从 ajax 加载的内容元素的事件中关闭 jQueryUI 对话框

Question

我使用 .load() 传递 url 加载内容。在返回并成功加载到 jq ui 对话框中的内容内部，是带有 id cancel123 的简单链接。我只是想通过单击链接关闭此 jqueryUiDialog w ID testDialog。我无法弄清楚我错过了什么，并尝试以 48 种不同的方式来做到这一点。请帮忙

 function InitializeDialog($element, title, url) {

            $element.dialog({
                autoOpen: false,
                width: 500,
                resizable: true,
                draggable: true,
                title: title,
                model: true,
                show: 'slide',
                closeText: 'x',
                //dialogClass: 'alert',
                closeOnEscape: true,
                modal: true,
                open: function (event, ui) {
                    //Load the Partial View Here using Controller and Action
                    $element.load(url);
                    $("#cancel123").bind('click', function (event) {
                        $('#testDialog').dialog('close');
                        alert('close this');
                    });


                },

                close: function () {
                    $(this).dialog('close');
                }
            });

Answer 1

您可以像这样将其绑定到文档：

$(document).on("click", "#cancel123", function(event) {
    $('#testDialog').dialog('close');
    alert('close this');
});

另一种方式（我认为它更好）：

$element.load(url, function() {
    $("#cancel123").bind('click', function (event) {
        $('#testDialog').dialog('close');
        alert('close this');
    });
});