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