2011-01-15 11 views
0

私のサイトは他のブラウザにロードされており、メニューフェードイン/アウトエフェクトはFFとオペラでしか動作しないようです。それはIE(7-9)、サファリ、またはクロームでは動作しませんでした。これらのブラウザでは、フェードするのではなく、表示/非表示の効果がありました。ここは私のsiteです。jQueryフェードイン/フェードアウトのみFFとオペラの場合

JS:

var delay = 100; 
var fade = 400; 

$j(function(){ 
    var inner=""; 
    $j('#access-navi .sub > a').toggle(function(){ 
     inner=$j(this).parent().find('ul li'); 
     inner.each(function(i){ 
      $j(this).delay(i*delay).fadeIn(fade); 
     }); 
    },function(){ 
     inner.fadeOut(fade/2); 
    }); 
}); 

HTML:あなたはjQueryのバージョン1.4.2と結婚していない場合は

<div id="access-navi" role="navigation"> 
    <ul> 
    <li><a href="">Home</a></li> 
    <li class="sub"><a href="#">Code</a> 
    <ul> 
     <li><a href="">Html.Css</a></li> 
     <li><a href="">Java</a></li> 
     <li><a href="">jQuery</a></li> 
     <li><a href="">Php</a></li> 
    </ul> 
    </li> 
    </ul> 
    <div class="clear"></div> 
    </div> 
+0

IE8がJavaScriptエラーを報告しています - メッセージ:プロパティ値が無効です。行:4文字:270コード:0 URI:http://for-instance.net/wp-content/themes/Starkers/js/script.js?ver=1.0 – tawman

+0

IE8でエラーが表示されないあなたはそれを持ち出しましたか? –

+0

1.4.4へのアップデートでエラーがなくなりました。 1.4.2と私はエラーがあった!アイコンをクリックして、エラーダイアログを開きます。 – tawman

答えて

0

、私はバージョン1.4.4をお勧めします。私はあなたのページソースをダウンロードし、Google CDNでホストされているjQueryバージョンを1.4.4に変更し、フェードインとアウトは私のIE8インストールでローカルに働いた。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script> 
+0

また、私はあなたが言ったことを試みた、IEは今働く。 Chrome/Safariはまだありません。私はこの問題の原因を知りません。 –

+0

@Nils R - Chromeにサイトを読み込んだだけで、フェードイン/アウトが機能しています。私は更新されたソース1.4.4を見た。 – tawman

+0

thats strange ..私のために各要素がちょうど点滅します。まあ、それはあなたのためにうまくいくなら、それは大丈夫です。そのおそらく何か私の最後に間違っている(コンピュータ関連)。ありがとう –

関連する問題