爲什麼此Bootstrap確認對話框不起作用？

Question

我已經使用引導模式讓一個確認對話框這個下面的代碼，它被假設是稱爲閉包內：

this.events.register(this, function(e) { 

    this.makeModal(e); 

    // this is what used to work for me 
    /* 
    if (confirm('Are you sure?')) { 
    alert(e.data); 
    } else { 
    // DO NOTHING 
    } 
    */ 
}); 

makeModal: function(e) {  

    //... 

    $(btnCancel).on("click", $(modal).modal('hide')); 
    $(btnConfirm).on("click", alert('confirm')); 
} 

只有兩個按鈕，分別是btnCancel和btnConfirm。問題在於調用外部函數後，內部警報也會立即觸發，這使得確認對話框無效。我怎樣才能解決這個問題？ 由於特定的原因，我不能使用像引導箱等庫。

或者我可以只返回是或否從這種模式？如果是的話我該怎麼做？

預先感謝您！

---

編輯： 這是我可憐的企圖是返回或沒有：

makeModal: function(e) {  

    //... 
    var choice; 
    $(btnCancel).on("click", choice = false); 
    $(btnConfirm).on("click", choice = true); 
    return choice; 
} 

Answer 1

這裏是爲了實現你正在試圖做的另一種方式的例子：

$('#myModal').bind('show', function() { 
    var id = $(this).data('id'), 
    yesBtn = $(this).find('.danger'); 
    $(yesBtn).data('id', id); 

}).modal({ backdrop: true }); 

$('.delete-button').click(function(e) { 
    e.preventDefault(); 
    var id = $(this).data('id'); 
    $('#myModal').data('id', id).modal('show'); 
}); 

$('.danger').click(function(){ 
    var id = $(this).data('id'); 
    $('#myModal').modal('hide'); 
    alert('Deleting: ' + id); 
    //Do something with id 
}); 

Click here to see the JsFiddle