將點擊事件的結果傳遞給調用函數

Question

假設我有一個函數動態創建'確認或取消'對話框並將點擊事件綁定到「確定」和「取消」鏈接。

function confirmOrCancelDialog() { 
    //already created $dialog to popup on screen 

    $dialog.find('a.confirm').click(function() { 
     //close dialog 
     return true; 
    }); 

    $dialog.find('a.cancel').click(function() { 
     //close dialog 
     return false; 
    }); 

} 

然後，我從另一個函數調用這個對話框的創建。我想將交互的結果傳遞給調用函數。

function performAction() { 
    var clickResult = confirmOrCancelDialog(); 

    if (clickResult === true) { 
     //do some stuff 
    } 
} 

任何有關如何做到這一點的指導，將不勝感激。謝謝。

Answer 1

function confirmOrCancelDialog(someStuff) { 
    //already created $dialog to popup on screen 

    $dialog.find('a.confirm').click(function() { 
     //close dialog 
     someStuff(true); 
     return true; 
    }); 

    $dialog.find('a.cancel').click(function() { 
     //close dialog 
     someStuff(false); 
     return false; 
    }); 

} 
function performAction() { 
    confirmOrCancelDialog(function(clickResult){ 
     if (clickResult === true) { 
      //do some stuff 
     } 
    }); 
} 

Answer 2

你可以只在點擊事件添加到對話對象內的所有錨，然後檢查，看看是否點擊的錨具有確認類（或取消，無論是一個），並相應返回：

$('.dialog a').on('click', function(event) { 
    if ($(this).hasClass('confirm')) { return true; } 

    return false; 
}); 

Answer 3

試試這個：

function confirmOrCancelDialog(callback) { 
    //already created $dialog to popup on screen 
    $dialog.find('a.confirm').click(function() { 
    //close dialog 
    callback(true); 
    }); 

    $dialog.find('a.cancel').click(function() { 
    //close dialog 
    callback(false); 
    }); 
} 

function performAction() { 
    confirmOrCancelDialog(function(clickResult){ 
    if (clickResult === true) { 
     //do some stuff 
    } 
    }); 
}