ajax - Loading div を .load を使用している jquery ui ダイアログに追加する

Question

したがって、htmlファイルにロードするこのjQuery uiダイアログがあります。しかし、情報の読み込みには数秒かかるので、jquery ダイアログを使用して、コンテンツの読み込みが完了するまで読み込み div を追加する方法に興味がありました。

 <div class="loadingIt"></div>
 $('<div />').load('http://PathToURL', { something : el }, function() {
  more logic
}).dialog({ 
    modal: true, 
    width: 800,
    draggable: false,
    resizable: false,
    title: "Results",
    position: { 
        my: 'top',
        at: 'top',
        of: '#nav_wrapper',

    },

Answer 1

ajax 呼び出しの前に、div の innerHTML を、選択した loading-gif を使用して img に設定します。次に、innerHTML を ajax.success() コールバックの応答データに置き換えます。