2012-02-22 5 views
0

私のロゴやナビゲーションをフェードインするスタイルのjQueryがあります。これは私のロゴでうまくいきますが、フェードクラスをナビゲーションに適用すると、唯一のクラスが適用されている場合のみ動作します。どのように私は複数のクラスを適用することができますし、フェード作業を解決するための任意の提案?ここで 複数のクラスを適用する問題

はHTML部分ここ

<div id="header" class="clearfix shadow"> 
     <div class="container_12"> 
      **<div class="fade" id="logo">** 
       <?php cudazi_get_logo(); // in functions.php ?> 
      </div><!--//logo--> 
      **<div class="fade grid_8 menu-container">** 
       <ul class="main-menu clearfix"><?php 
        $arr_pages_menu = get_pages(
         array(
          'sort_column' => 'menu_order', 
          'sort_order' => 'ASC', 
          'exclude' => array(
           $custom_settings["page_on_front"] 
          ) 
         ) 
        ); 

はここCSS

.fade { 
display:none; 
    } 

であるjQueryの

$(window).load(function() { 
    $(".fade").each(function(i) { 
    $(this).delay(i * 800).fadeIn(8000); 
    }); 
    }); 

}); 
+0

は有用ではありません。あなたのHTMLを表示します。 –

+0

それはwordpressを介して構築され、そのdynamic.Iは実際にそれを考え出した。私はディスプレイを適用した:なし;私のgrid_8クラスに – visualbam

答えて

0

はそれが常に表示されているのですか?もしそうなら、私は、他のクラスの1つが、クラス内で.fade表示をオーバーライドしているディスプレイセットを持っていると推測しています。フェードの表示を!とマークしよう!重要:

.fade { ディスプレイ:なし! }

または順序の切り替え:あなたのPHPを表示

"grid_8メニュー・コンテナ・フェード"

関連する問題