1

URL を渡す .load() でコンテンツをロードします。返され、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');
                }
            });
4

1 に答える 1

2

次のようにドキュメントにバインドできます。

$(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');
    });
});
于 2012-11-23T15:04:15.633 に答える