ajax条件if文ロードページ

Question

私は現在、内側のページをロードするためにajaxを必要とするサイトで作業していますが、特定のグループのページには背景の変更とコンテナの幅の変更が必要です。

特定の要素のclass/cssを変更するif文を条件付きで使用できますか？もしそうなら、私はそれについてどうやって行くのですか？

ご迷惑をおかけしますが、ページのURLに条件があります。

ので

上のURL = innerpage.html変更クラスならばこれはすべてのファッションに動作します：

$('nav li a').click(function(){ 

    var toLoad = $(this).attr('href'); 
    hideView() 
    $('#ajax-page').hide('fast', loadContent); 
    $('#load').remove(); 
    $('#container').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal'); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function hideView() { 
     $('#container').find('.view').fadeOut('fast'); 
    } 
    function loadContent() { 
     $('#ajax-page').load(toLoad,'',showNewContent()) 
    } 
    function showNewContent() { 
     $('#ajax-page').show('normal',hideLoader()); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    return false; 

}); 

Answer 1

あなたは要素からクラスを追加および削除するjQueryの.addClass()と.removeClass()機能を使用することができます。また、その要素のCSSを変更するには、jQuery .css('attr','value')を使用します。

Answer 2

背景と幅の数が非常に限られている場合は、CSSでクラスを準備し、Ajaxで必要なクラスを渡すことができます。

多くのバリエーションがあり、プリロード/アニメーションを実行したい場合、Jsonオブジェクトとして関連する生データ（背景、幅、内容）をすべてサーバーから渡す必要があります。関連性をテストし、.html（）と.attr（）でそれらを適用/適用しないでください。