Jqueryツールのタブ

Question

jqueryツールと履歴プラグインを使用していくつかのタブを設定しました。

http://jimeagle.com/new/index.php#music.phpに行くと、音楽ページは正しく読み込まれますが、上部のホームタブはまだ強調表示されています。タブスクリプトがページを変更したときに、どのようにタブのCSSを更新できますか？

また、ajaxページの読み込みが完了したときにコールバックを探しています。そのため、ページを読み込んだときにタブをクリックして非表示にすると、読み込み中のGIFを表示できます。

ありがとうございました。

Answer 1

​​メソッドは、コールバック関数を使用する可能性があります。 the Manualを参照してください。

$loader = $('.ajax-loading'); 
$('.tab').click(function() { 
    $(this).append($loader); //Make spinner appear on click. 
    $('#main-content').load('pages.php', function(data) { //Will fire on success 
     $('#main-content').append(data); 
     $loader.remove(); 
    }); 
});