jQuery对话框按钮如何设置click事件？

Question

好的,我有这个代码:

    $(document).ready(
    function() {
        $(".dialogDiv").dialog({
            autoOpen: false,
            modal: true,
            position: [50, 50],
            buttons: {
                "Print page": function() {
                    alert("Print");
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        }
        );
    $('.ui-dialog-buttonpane button:contains("Print page")').attr("id", "dialog_print-button");
    $(".dialogDiv").parent().appendTo($('form'));
    }

如何为click事件分配或设置新功能？

$( "#dialog_print按钮").???

编辑,这有效:

$("#dialog_print-button").unbind("click").click(
function () {
   alert("new function that overide the old ones")
}
)

试图找到如何在jQuery文档中做,但我认为在文档中很难找到.特别是当新手javaScript和jQuery库时.

编辑,获得帮助的快速方法是转到jQuery irc频道:D

Answer 1

我认为这会有所帮助:

$(".dialogDiv").dialog("option", "buttons", {
    "Print page": function() { /* new action */ },
    "Cancel": function() { $(this).dialog("close"); }
});

因为buttons属性设置了所有按钮,所以必须包含cancel按钮处理程序.

Answer 2

$("#Print page").click(function () {
   ...
});

或者它应该是

$("#dialog_print-button").click(function () {
   ...
});