根据确认dailog框中的确定，取消和关闭按钮执行不同的代码？

Question

确认对话框有3个按钮，ok, cancel and close。我想对ok和cancel按钮执行不同的操作，但关闭对话框时没有任何操作。我怎样才能使用javascript实现这个目标？

Answer 1

这是不可能的，但你可以使用JQuery-ui Dialog。

此示例忽略模态关闭操作，仅对＆＃39;确定＆＃39;和＆＃39;取消＆＃39; ：

$( "#dialog-confirm" ).dialog({
      modal: true,
      buttons: {
        "Ok": function() { // On Ok click
          $( this ).dialog( "close" );
        },
        "Cancel": function() { // On Cancel click
          $( this ).dialog( "close" );
        }
      }
});

Answer 2

您可以通过jquery.ui对话框

完成

您还需要jquery-ui.min.js

ConfirmDialog('confirm dialog');

function ConfirmDialog(message){
$('<div></div>').appendTo('body')
       .html('<div><h6>'+message+'?</h6></div>')
       .dialog({
            modal: true,
            title: 'cancel click message', 
            zIndex: 10000, 
            autoOpen: true  width: 'auto',
            resizable: false,
            buttons: {
                      Yes: function () {
                            $('body').append('<h1>Confirm Dialog Result: <i>Yes</i></h1>');
                            $(this).dialog("close");
                        },
                      No: function () {                                                               
                            $('body').append('<h1>Confirm Dialog Result: <i>No</i></h1>');                            
                            $(this).dialog("close");
                        }
                    },
                    close: function (event, ui) {                                                       
                        alert('close');
                        $(this).remove();
                    }
                });
};