Question

我正在使用这个问题作为多用途jQueryUI对话框函数的基础，我可以在我的网站中重用Question 17013222我希望能够重用代码来显示函数调用中定义的回调的不同按钮< / p>

但是，在扩展此答案以使用回调函数时，我得不到我需要的结果。回调函数在我构建动态按钮时运行，而不是在按下对话框保存按钮时运行。

我这里有一个jsFiddle显示我的无能jsFiddle

单击“保存”按钮，我需要做什么才能使回调运行？

以下是简化的代码段

function showDialog(inToDisplay, inTitle, buttonSetup, inSaveCallback) {
'use strict';
var dialog_buttons = {};

$('#jqDialog').load(inToDisplay + '.asp', function () {
    $(this).attr('title', inTitle);
    /*Build our button choices*/
    if (buttonSetup === 'closeonly') {
        dialog_buttons['Close'] = function () {
            $(this).dialog("close");
            $(this).dialog("destroy");
        }
    } else if (buttonSetup === 'savecancel') {
        dialog_buttons['Save'] = function () {
            if (inSaveCallback && typeof (inSaveCallback) === "function") {
                inSaveCallback;
            };
            $(this).dialog("close");
            $(this).dialog("destroy");
        }
        dialog_buttons['Close'] = function () {
            $(this).dialog("close");
            $(this).dialog("destroy");
        }
    }

    $(this).dialog({
        autoOpen: false,
        modal: true,
        open: function (event, ui) {
        },
        buttons: dialog_buttons
    });
    $('#jqDialog').dialog('open');

});
}

function saveAnswer() {
    alert('ToDo: Save data here');
}

$(document).ready(function () {
    showDialog('ajax_manageAnswer', 'Enter your answer details', 'savecancel', saveAnswer());
});

Answer 1

这里...... http://jsfiddle.net/reigel/zpyNM/

更改此

$(document).ready(function () {
    showDialog('ajax_manageAnswer', 'Enter your answer details', 'savecancel', saveAnswer); // remove () on saveAnswer...
});

和这个

    dialog_buttons['Save'] = function () {
        if (inSaveCallback && typeof (inSaveCallback) === "function") {
            inSaveCallback(); // add -->> ()
        };
        $(this).dialog("close");
        $(this).dialog("destroy");
    }

jQueryUI对话框使用回调的动态按钮

1 个答案: