$（ '＃modalBusy'）。ajaxで正常に動作しないダイアログ（ '閉じる'）

Question

私はAjax呼び出しの前に開かれたJQueryダイアログと、実行される。文の下に（オプションをキャンセルし、[OK]または全くないと）バナーとして多忙なダイアログボックスが開きます。

$('.updateActionsTasks').live('click', function() 
{$('#modalBusy').html('<span>Busy...Please Wait.</span>').dialog({ dialogClass: 'no-close', resizable: false, width: 100, height: 100, modal: true, title: 'Busy' }); 
More code goes here ... 
//Ajax function call goes here 

しかし、closeメソッドは一度だけ正しく動作します。クリックを再度実行すると、ダイアログが開きますが、決して閉じられません。タグ 'COMM'の行は実行されますが、2回目の実行時にはダイアログが閉じません。代わりに、ダイアログボックスを初期化する

function ActionWorklistItem(serviceUrl, worklistActionItems, actionName, ActiveTab) { 
$.ajax({ 
    type: "GET", 
    url: serviceUrl, 
    dataType: ($.browser.msie) ? "text" : "xml", 
    success: function (data) { 
     var xml; 
     if (typeof data == "string") { 
      xml = new ActiveXObject("Microsoft.XMLDOM"); 
      xml.async = false; 
      xml.loadXML(data); 
     } else { 
      xml = data; 
     } 
     var xmlText = $(xml).text(); 
     xmlObj = $.parseXML(xmlText); 
     if ($(xmlObj).find('IsSuccess').text() == 'true') { 
      $('#modalBusy').dialog('close'); //COMM: This always executes 
      __doPostBack($('.upWorklistCtrlID').val(), ActiveTab); 
     } else { 
      $('#modalBusy').dialog('close'); 
      //Create error msg dialog   } 
    }, 
    error: function (xhr, ajaxOptions, thrownError) { 
     $('#modalBusy').dialog('close'); 
     //Create error msg dialog 
    } 
}); 

Answer 1

次のような行がトリックを行ったようです。

$('#modalBusy').dialog('destroy').remove(); 

Answer 2

それぞれ、クリック一回それを初期化し、リンクがクリックされたときにちょうどそれを開きます。

$('#modalBusy').html('<span>Busy...Please Wait.</span>').dialog({ autoOpen : false, dialogClass: 'no-close', resizable: false, width: 100, height: 100, modal: true, title: 'Busy' }); 
$('.updateActionsTasks').live('click', function() { 
    $('#modalBusy').dialog('open'); 

それはだとダイアログが開きませんので、autoOpen : falseオプションは、それを行います初期化されました。