jquery - 如何将逻辑更改为 jQuery UI 对话框？

Question

这是原始代码（它实际上不是真正的代码，希望你们能明白我的意思）：

function whichButton(a,b){
    if(confirm('I dont wanna compare them?')){
        return "yes";
    }
    else{
        return "no";
    }
}

我需要做的是将此逻辑更改为可以替换confirmin navigator 的 jQuery UI。

我想要的是遵循与上面相同的逻辑（myConfirm()是我用 jQuery UI 对话框密封它的函数）。

function whichButton(){
    myConfirm('I dont wanna compare them?',function(yes){
        if(yes){
            return "yes";
        }
        else{
            return "no";
        }
    });
}

我只希望原始逻辑在使用 jQuery UI 对话框时起作用。

Answer 1

您可以使用以下示例：

http://jqueryui.com/demos/dialog/#modal-confirmation

$( "#dialog:ui-dialog" ).dialog( "destroy" );

$( "#dialog-confirm" ).dialog({
    resizable: false,
    height:140,
    modal: true,
    buttons: {
        "Yes": function() {
            $( this ).dialog( "close" );
            doCompare(a, b);
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    }
});

function doCompare(a, b) {
    return a>b?a:b;
}

Answer 2

我认为您想比较两个变量，如果您在确认对话框上单击“是”，该函数将返回“是”，否则您将获得比较结果。

function maxNumber(a,b){
   myConfirm('I dont wanna compare them?',function(yes){
    if(yes){
        return "yes";
    }
    else{
     return a>b?a:b;
    }
  });   
}