爲什麼我的模態jQuery對話框打開多次？

Question

我想用jQuery對話框在模態對話框中打開答案窗體。第一次加載頁面後，沒關係，但之後每次點擊都會打開2^n-1次!!! （n是點擊數）

是這樣的：

單擊 - >打開對話框（1次） - >關閉對話框

單擊 - >打開對話框（2次） - >關閉對話框

點進>打開的對話框（4次） - >關閉對話框

點進>打開的對話框（8次） - >關閉對話框

這是代碼：

$(function() { 
    $('label.answer').click(function (event) { openInDialog(this, event, 'http://localhost/Questions/Answer/2') }); 
}); 

function openInDialog(element, event, target) 
{ 
    event.preventDefault(); 
    var $loading = $('<img src="../../Others/images/ajaxLoading.gif" alt="loading" class="ui-loading-icon">'); 
    var $url = target;  
    var $title = "Title"; 
    var $dialog = $('<div></div>'); 
    $dialog.empty(); 


    $dialog 
      .append($loading) 
      .load($url) 
      .dialog(
      { 
       autoOpen: false 
       , title: $title 
       , modal: true 
       , show: 'fade' 
       , hide: 'fade' 
      }); 

    $dialog.dialog('open'); 
}; 

Answer 1

初始化對話的功能之外。在加載成功之前，您也不應嘗試打開對話框。

$(function() { 
    $('label.answer').click(function (event) { openInDialog(this, event, 'http://localhost/Questions/Answer/2') }); 
}); 
var $dialog = $('<div></div>').dialog(
{ 
    autoOpen: false 
    , modal: true 
    , show: 'fade' 
    , hide: 'fade' 
}); 

function openInDialog(element, event, target) 
{ 
    event.preventDefault(); 
    var $loading = $('<img src="../../Others/images/ajaxLoading.gif" alt="loading" class="ui-loading-icon">'); 
    var $url = target; 
    var $title = "Title"; 
    $dialog.empty(); 
    /* this is incorrect $dialog.dialog({ "option", "title",$title})*/ 
    $dialog.dialog("option", "title",$title) 
    .append($loading) 
    .load($url,function(){ 
     $dialog.dialog('open'); 
    }); 
};