javascript - 对话框关闭两次

Question

这是代码:

var timer;

$('#phone_number').click(function(){
    $("#phone_dialog").dialog('open');
    timer = setTimeout(function(){ phone_close() },10000);
});

$('#phone_dialog').click(function(){
    clearTimeout(timer);
phone_close();
});

function phone_close(){
$('#phone_dialog').dialog('close');
}; 

其想法是用户单击phone_number 打开对话框。用户可以单击关闭对话框，但如果他不这样做，对话框将在 10 秒后通过 setTimer() 消失。

然而，实际情况是，clearTimeout(timer) 似乎并没有停止计时器。用户可以在 2 秒后点击关闭。尽管点击函数中存在 clearTimeout，但该对话框随后[重新打开并]在第 10 秒关闭。

Answer 1

您可以使用 isOpen 来检查对话框是否已经关闭

function phone_close(){
     if($("#phone_dialog").dialog( "isOpen" )
     {
          $('#phone_dialog').dialog('close');
     }
};