哇+ jquery +動畫div顯示負載，然後再次出現

我正在使用jquery +哇+動畫爲頁面上的一些出現的div動畫。除了我的頁面無法正常加載外，一切正常。應該先平滑顯示的Div首先出現在頁面加載中，然後隱藏並在它之後出現動畫。哇+ jquery +動畫div顯示負載，然後再次出現

請檢查www.pester.rs，您可以看到問題，我嘗試了一切，但沒有任何工作。

2015-04-23 emir

我沒有看到任何問題... – odedta

那麼，我們是否要檢查您的網站並嘗試進入大部分代碼，或者是您應該顯示有問題的整個問題？ –

你的網頁強制給我提供7MB的圖像:-(嘗試上傳較小的圖像或使用CDN來提供它們 –

它會加載訂單問題 - 首先，瀏覽器下載文件並顯示它。稍後當它加載整個JavaScript時，它會隱藏內容以提供漂亮的動畫。所以我認爲它也受到互聯網連接速度的影響。

解決方案1 ：隱藏與CSS的內容，所以它會立即加載爲隱藏

缺點：如果JavaScript的崩潰，內容將留隱患

解決方案2：將此代碼在任何其他腳本加載之前（在任何其他腳本標籤之前）

var wows = document.getElementsByClassName('wow') 
for (i = 0; i < wows.length; i++){ 
    wows[i].style.visibility ='hidden'; 
}

它會在頁面加載之後甚至在jquery之前執行，並且它應該足夠快。

2015-04-23 08:11:48 Vladiks

我一直在想隱藏它，但我並沒有沒有看到它是由wow.js推薦的，我認爲代碼存在一些問題，爲什麼會發生這種情況，我嘗試了一些其他網站，但仍然存在相同的問題，也許我可以用jquery隱藏div然後用哇發現它？ – emir

我試過但它並沒有解決問題。我已經嘗試過.wow {\t visibility：hidden;}並且它可以工作，但是如果javasctipt被禁用，會出現問題。這會更好，如果我可以通過JavaScript來做到這一點。 – emir

我已經在純JavaScript中添加了其他解決方案，它可以幫助您無需修改CSS。我認爲你的解決方案的問題使用''不夠快，因爲它被包括在jquery之後，因此瀏覽器必須等待jquery完全加載... – Vladiks

你將不得不隱藏CSS的這些div，以防止閃爍。

2015-04-23 08:05:51 vdwijngaert

我知道，我們已經在評論中談論它，它正在工作，但是如果javascript被禁用，內容將被隱藏。 – emir

我用這個隱藏對象

<div class="object-non-visible wow fadeInUp">

這個CSS

.object-non-visible { 
opacity: 0; 
filter: alpha(opacity=0);

}

2015-11-16 18:55:07 Joel

回答