ajaxの後のコールバックタブのロード

Question

ajaxがロードされたタブのコンテンツにいくつかのコードを適用するにはどうすればよいですか？ $（document）.readyを読み込んだコンテンツの中で使ってみましたが、CSSスタイルの読み込みができませんでした（理由はわかりません）。

コールバック関数はありますか？ $（document）.readyとスタイルを別の方法でロードしたドキュメントの中で使うべきですか？

$（document）.readyを読み込んだドキュメントの中に使用している場合は、jqueryとそのプラグインへの参照も含めるべきですか？

Answer 1

を使用してあなたがload eventを試してみましたか？これは、タブの内容がロードされたときに呼び出される必要があります。

一般に、ロードされた要素を新しいページとして扱い、$（document）.readyを呼び出すべきではありません。これは新しいページではなく、いくつかの新しい要素がDOMに追加されています。すべてのAjaxメソッドは、データが正常にロードされたときに呼び出されるコールバックメソッドを備えています。

$('#nav_tabs').tabs({ 
    select: function(event, ui){ 
     var url = $.data(ui.tab, 'load.tabs'); 
     if (url == '?ak=/account/logout') { 
      //exclude the logout from using ajax 
      location.href = url; 
      return false; 
     } 
     return true; 
    }, 
}).bind('tabsload',function(event, ui){ 
    alert('The tab is loaded. What now?'); 
}); 

Answer 2

ajaxでコンテンツを読み込むためにどのようなコードを使用していますか？ loadまたはajaxのようなjQueryコマンドを使用している場合は、コードをコールバック関数内に置くことをお勧めします。例えば、load

$('#myUITab').load('anotherPage.html', function() { 

    // put the code you need to run when the load completes in here 

}); 

Answer 3

これを行うための別の方法はajaxCompleteを使用することですUI "タブ"はコールバックメソッドを提供します。下をチェック！

$("#tabs").tabs({ 
    ajaxOptions: { 
     error: function(xhr, status, index, anchor) { 
      $(anchor.hash).html(
       "error occured while ajax loading."); 
     }, 
     success: function(xhr, status) { 
      //alert("ajax success. "); //your code 
     } 
    } 
}); 

Answer 4

あなたはtabsloadイベントを使用することができます。

Answer 5

のjQuery：http://jqueryui.com/demos/tabs/#event-load

が、それは以下の例に働くことができる方法を参照してください

$("#loading_comtainer").ajaxComplete(function(event,request, settings){ 
    alert("ajaxCompleted"); 
});