呼び出されたときにjQueryダイアログが表示されない

Question

ajax呼び出し中にモーダルロードダイアログをポップアップ表示しようとしていますが、onClick関数に表示されません。私が火薬瓶でそれを減速させ、ステップを進めるとパネルが現れます。これはジャバスクリプト自体が先に実行されていますか？これを行うより良い方法はありますか？

$(function(){ 
    $("#loading_panel").dialog({ 
           modal:true, 
           position:'center', 
           minHeight:40 
           }); 

    $("a.view-in-frame").click(function(){ 
         $("#loading_panel").dialog('open'); 
         $("#tabs").hide(); 
         var blog = $(document.createElement('div')).attr('id', 'blog').load(('blog_reader.php?blog='+this.href)), $("#loading_panel").dialog('close')); 
         $("#content_wrap").append(blog); 
         return false; 
       }); 
}) 

Answer 1

ジャストアイデア、ダイアログを作成するときにfalseに「AutoOpenプロパティ」を設定してみてください：

$("#loading_panel").dialog({ 
          modal:true, 
          position:'center', 
          minHeight:40, 
          autoOpen:false 
          }); 

あなたはそれが作成されたときに開くようにダイアログを言っている現時点では。これにより、その動作を防止する必要があります。

Answer 2

@ErsatzRyan

は、あなたの文書の準備ができた後にロードするためにあなたのjavascript機能を設定しようとしたことがありますか？このよう

：

$(document).ready(function(){ 

//Your functions 

}); 

そして@Nat Ryallは、あなたが、falseにごAutoOpenプロパティを設定する必要があります言ったようにそれ以外の場合は、あなたのダイアログが二回開きません

。

さらに、すべてを済ませたら$(".selector").dialog("open")に電話してみてください。ダイアログの内容をロードする前にダイアログを呼び出すように関数に指示しています。