Jquery ui jqueryui-Dialog：如何在对话框中进行回调？

我在JQuery对话框中遇到了一个问题，该对话框以这样的方式编写，要求用户输入注释，但由于asyn AJAX，该函数无法正常工作

下面是示例代码

HTML

---

单击执行按钮时，函数不会等待calUtils.commentAdd（）完成执行，然后继续下一行。这将导致calUtils.endResult（）永远不会执行

有人能聪明地告诉我我的代码出了什么问题吗？ 当（calUtils.addCalculation（）&&calUtils.commentAdd（））==TRUE时，如何编写这样的代码，程序将执行calUtils.endResult（）

您可以在这里尝试代码

谢谢

---

-fsloke

您的函数“calUtils.commentAdd（）”将始终为当前语句返回未定义的，这意味着calUtils.addCalculation（）&&calUtils.commentAdd（）将始终为false。我想这就是为什么您的“calUtils.endResult（）”永远无法工作。

由于ajax调用导致它未定义，无论如何，如何使它工作？

    <header>
    <nav>
        <input type="button" id="to-execute" value="Execute"/>
        <input type="hidden" id="data1" value="1" />
        <input type="hidden" id="data2" value="2" />
    </nav>
</header>


<div id="add-comment" style="display:none;">
    <b>Please enter comment:</b>
    <textarea name="comment" rows="5" cols="50"></textarea>
</div>

    $(document).ready(function() {
    $("input#to-execute").live("click", function() {
        if (calUtils.addCalculation() && calUtils.commentAdd()) {
            return calUtils.endResult();
        }
        alert("I not enter the function at all");
    });
});


var calUtils = {
    addCalculation: function() {
        var sum = parseInt($("#data1").val()) + parseInt($("#data2").val());
        if (sum > 0) {
            alert("More than Zero. Sum =" + sum);
            return true;
        } else {
            alert("Less than Zero. Sum =" + sum);
            return false;
        }
    },
    commentAdd: function() {
        // Dialog
        $("#add-comment").dialog({
            title: "Comment",
            modal: false,
            width: "500",
            resizable: false,
            position: "center",
            buttons: {
                "Cancel": function() {
                    $(this).dialog("close");
                    return false;
                },
                "Confirm": function() {
                    var comment = $("#add-comment textarea").val();
                    if (!comment && comment != null) {
                        alert("Please enter Comment!");
                        return false;
                    }
                    $(this).dialog("close");
                    return true;
                }
            }
        }).dialog("open");

    },
    endResult: function() {
        alert("Thanks you");
    }
}