caixa de diálogo @jquery ui precisa retornar valor, quando o usuário pressiona o botão, mas não está funcionando
Tenho uma caixa de diálogo jquery ui que desejo usar para solicitar ao usuário que confirme uma exclusão. Quando o usuário pressiona "yes" ou "no", preciso retornar "True" ou "False" para continuar com a execução do javascript. O problema com o código abaixo é quando a caixa de diálogo aparece imediatamente, executando um "retorno verdadeiro"; mas o usuário ainda não pressionou o botão "Sim"?
O que estou fazendo errado
HTML:
<div id="modal_confirm_yes_no" title="Confirm"></div>
Chamada Javascript:
$("#modal_confirm_yes_no").html("Are you sure you want to delete this?");
var answer = $("#modal_confirm_yes_no").dialog("open");
if (answer)
{
//delete
}
else
{
//don't delete
}
Jquery dialog:
$("#modal_confirm_yes_no").dialog({
bgiframe: true,
autoOpen: false,
minHeight: 200,
width: 350,
modal: true,
closeOnEscape: false,
draggable: false,
resizable: false,
buttons: {
'Yes': function(){
$(this).dialog('close');
return true;
},
'No': function(){
$(this).dialog('close');
return false;
}
}
});