JQuery用户界面对话框确认通变量，

Question

我想给一个变量传递给jQuery用户界面对话框确认框做点什么 时按YES，只有当按下号 现在我有这样的代码关闭对话框行动

$("#confirmDialog").dialog({ 
resizable: false, 
autoOpen: false, 
modal: true, 
buttons: { 
    'OK': function() { 
     $(this).dialog("close"); 
     }, 
    'Cancel': function() { 
     $(this).dialog("close"); 
     } 
    } 
}); 


$(".confirm").click(function(){ 

var myHref = $(this).attr("href"); 

    $("#confirmDialog").dialog("open").html ("Confirm?") 
    $("#confirmDialog").on("dialogclose", function(event, ui) { window.location = myHref }); 
    return false; 
}); 

现在我发现只有（“dialogclose”）函数，没有别的。 如何在用户按YES时将ui对话框设置为执行某些操作？ 我试图传递变量以及但是没有成功

$(".confirm").click(function(){  
$("#confirmDialog").attr(myHref).dialog("open").html ("Confirm?") 
return false; 
}); 

$("#confirmDialog").dialog({ 
resizable: false, 
autoOpen: false, 
modal: true, 
buttons: { 
    'OK': function() { 
     window.location.href = myHref; 
     $(this).dialog("close"); 
     }, 
    'Cancel': function() { 
     $(this).dialog("close"); 
     } 
    } 
    }); 

或

$("#confirmDialog").dialog("open").html ("Confirm?") 
$("#confirmDialog").on("OK", function(event, ui) { window.location = myHref }); 

我该怎么办呢？ 谢谢！

Answer 1

您可以编写它，让您的确定按钮单击（在对话框内），调用使用您想设置的变量的函数。然后在链接点击事件中设置该变量，然后显示确认对话框。

例如：

var $dialog = $('#dialog-confirm'); 
var $button = $('#linkButton'); 
var link = ''; 

// init dialog 

$dialog.dialog({ 
    resizable: false, 
    height:340, 
    modal: true, 
    autoOpen: false, 
    buttons: { 
    Ok: function() { 
     doSomething(); // reference your function here 
     $(this).dialog("close"); 
    }, 
    Cancel: function() { 
     $(this).dialog("close"); 
    } 
    } 
}); 

// bind event 

$button.on('click', function(e){ 
    e.preventDefault(); 
    link = $(this).attr('href'); 
    $dialog.dialog('open'); 
}); 

function doSomething(){ 
    window.location = link; 
} 

工作示例这里：http://jsbin.com/azezal/2/

代码视图点击这里：http://jsbin.com/azezal/2/edit