jquery腳本只能在Firefox中工作

我正在使用這個jquery腳本來創建一個.jpg之間的小幻燈片問題是它只適用於Firefox，而不是Safari瀏覽器，而不是鉻，不是歌劇......任何想法？jquery腳本只能在Firefox中工作

<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>

來源

2011-02-16 rabidmachine9

我試圖複製你的代碼。創建一個簡單的HTML頁面：

<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>

與一些CSS（不理想，但它的伎倆）

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

然後我用你的腳本來創建幻燈片。它適用於IE，Opera，Firefox和Safari。

問題不在於你的腳本。也許你的HTML和CSS？你可以發佈這些嗎？

來源

2011-02-16 14:42:50 TurBas

感謝這個問題曾與CMS做我的客戶使用一種稱爲indexhibit由於某種原因，它所需的代碼是外部...您的代碼現在工作良好在所有瀏覽器除了歌劇（不知道爲什麼） – rabidmachine9 2011-02-16 17:11:45

jquery被設計爲跨瀏覽器，使開發人員更簡單！

我看到腳本可能在您的頁面上是內部的，您是否嘗試清除其他瀏覽器的緩存以確保任何相關腳本加載正確？

你也有任何瀏覽器特定的代碼？沿着，如果瀏覽器= IE，使用這些代碼的一些。這可能會與您網頁上的其他代碼段發生衝突。

除此之外，請確保您的過程運行相同的文件，而不是舊版本（我這樣做過！）

來源

2011-02-16 14:19:34

+1提的內部腳本... – rabidmachine9 2011-02-16 17:13:54

這是否與你的陳述中的空間有關？例如，而不是

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

也許嘗試

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

等了你的代碼？只是一個想法！

來源

2011-02-16 14:45:04

空間是不必要的，我相信他們應該被刪除。但空間不會改變的JavaScript – TurBas 2011-02-16 14:50:58

jquery腳本只能在Firefox中工作

回答

相關問題