jqueryスクリプトはFirefoxでのみ動作します

Question

私はこのjqueryスクリプトを使用して、.jpgの間に小さなスライドショーを作成しています。問題はFirefox、Safari、ChromeではなくOperaでないという問題です。

<script type='text/javascript'> 
$(document).ready(function() { 
    slideShow(); 
}); 
function slideShow(){ 
var current = $('#animation .show'); 
var next = current.next() .length ? current.next() : current.parent() .children(':first'); 
current.hide() .removeClass('show'); 
next.fadeIn() .addClass('show'); 
setTimeout(slideShow, 2000); 
} 
</script> 

Answer 1

私はあなたのコードを再現してみました。簡単なHTMLページ作成：いくつかのCSSを使用した

<div id="animation"> 
    <img class="show" src="http://www.ewatching.nl/wp-content/uploads/2010/10/google_logo_3.jpg" /> 
    <img src="http://thenextweb.com/nl/files/2010/01/google.jpg" /> 
    <img src="http://www.descherpepen.nl/wp-content/uploads/2010/06/google.jpg" /> 
    <img src="http://images.retecool.com/uploads/reet-google_chrome.jpg" />   
</div> 

（ない理想的なのが、それはトリックを行います）

<style type="text/css"> 
    #animation > img 
    { 
     display:none; 
     visibility:hidden; 
    } 
    .show 
    { 
     display: block !important; 
     visibility:visible !important; 
    } 
</style> 

その後、私はスライドショーを作成するには、スクリプトを使用しています。 IE、Opera、Firefox、Safariで動作します。

問題はあなたのスクリプトではありません。おそらくあなたのhtmlとCSS？あなたはそれらを投稿できますか？

Answer 2

Jqueryはクロスブラウザであるように設計されており、開発者にとってより簡単です。

あなたのページにはおそらくスクリプトが内蔵されていることがわかります。他のブラウザのキャッシュをクリアして、依存するスクリプトが正しくロードされていることを確認しましたか？

また、ブラウザ固有のコードはありますか？の行に沿って、ブラウザ= IEの場合は、このコードのいくつかを使用してください。これは、ページ上の他のコードと競合する可能性があります。それ以外

、あなたはもちろん、同じファイルではなく、古いバージョンを実行していることを確認してください（私は前にこれをやった！）

Answer 3

あなたの声明のスペースとは何か？たとえば、代わりに

current.hide() .removeClass('show'); 

おそらく

current.hide().removeClass('show'); 

を試してみてようにあなたのコードのために？ちょっとした考え！