5

ajax をロードしたタブのコンテンツにコードを適用するにはどうすればよいですか? 読み込まれたコンテンツ内で $(document).ready を使用しようとしましたが、css スタイルが読み込まれませんでした (理由はわかりません)。

コールバック関数はありますか? 読み込まれたドキュメント内で $(document).ready とスタイルを別の方法で使用する必要がありますか?

読み込まれたドキュメント内で $(document).ready を使用しても問題ない場合、jquery とそのプラグインへの参照も含める必要がありますか?

4

5 に答える 5

8

load イベントを試しましたか? これは、タブのコンテンツが読み込まれたときに呼び出す必要があります。

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

于 2009-04-11T19:33:37.010 に答える
5

ajax を介してコンテンツをロードするためにどのコードを使用していますか? loadまたはのような jQuery コマンドを使用している場合はajax、コードをコールバック関数内に配置することをお勧めします。たとえば、load

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

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

});
于 2009-04-11T19:31:05.847 に答える
2

jQuery 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
        }
    }
});
于 2011-06-17T05:34:46.703 に答える
0

tabsloadイベントhttp://jqueryui.com/demos/tabs/#event-loadを使用できます

以下の例でどのように機能するかをご覧ください。

$('#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?');
});
于 2011-02-07T15:52:55.317 に答える
0

これを行う別の方法は、ajaxComplete を使用することです。

$("#loading_comtainer").ajaxComplete(function( event,request, settings ){
   alert("ajaxCompleted");
});
于 2009-09-06T13:54:12.277 に答える