JQuery的淡入/淡出的作品第一次加載，但不是在重裝

Question

我正在瀏覽的網頁是http://technimedinc.com/index_fb.html

相關的jQuery代碼如下：

<script> 
$('<img src="images/learn_more_on.png"/>'); 

$(document).ready(function() { 
    $("#hb1_off").delay(3000).fadeOut(1000).delay(2000).fadeIn(1000); 
    $("#hb2_off").delay(6000).fadeOut(1000).delay(2000).fadeIn(1000); 
    $("#hb3_off").delay(9000).fadeOut(1000).delay(2000).fadeIn(1000); 
}); 

$("#hb1").hover(function(){ 
    $("#hb1_off").fadeOut("fast"); 
}, function() { 
    $("#hb1_off").fadeIn("fast"); 
}); 

$("#hb2").hover(function(){ 
    $("#hb2_off").fadeOut("fast"); 
}, function() { 
    $("#hb2_off").fadeIn("fast"); 
}); 

$("#hb3").hover(function(){ 
    $("#hb3_off").fadeOut("fast"); 
}, function() { 
    $("#hb3_off").fadeIn("fast"); 
}); 
</script> 

我遇到的問題是，如果我轉移 - 重新加載頁面（刷新CSS和其他鏈接的文件），一切似乎工作正常。定時淡出和淡入淡出工作，如懸停。但是，如果我重新加載頁面，一切都停止工作。

頁面上有一個Facebook框，這可能是一個因素。我切換到本地加載jQuery，但這沒有幫助的問題。

最後，文檔準備中的fadeIn和fadeOut根本不適用於iOS。 （顯然，我知道懸停不起作用）。

如果有人能指出我正確的方向，我會很感激。我花了兩天的時間去研究這些問題和答案，但還沒有能夠自己解決這個問題。

Answer 1

如果您將代碼更改爲此，它會工作嗎？我已經將您的hover處理程序包含在您的(document).ready()處理程序中，方法是將關閉的零件移動到代碼片段的末尾。

<script> 
$('<img src="images/learn_more_on.png"/>'); 

$(document).ready(function() { 
$("#hb1_off").delay(3000).fadeOut(1000).delay(2000).fadeIn(1000); 
$("#hb2_off").delay(6000).fadeOut(1000).delay(2000).fadeIn(1000); 
$("#hb3_off").delay(9000).fadeOut(1000).delay(2000).fadeIn(1000); 


$("#hb1").hover(function(){ 
$("#hb1_off").fadeOut("fast"); 
}, function() { 
$("#hb1_off").fadeIn("fast"); 
}); 

$("#hb2").hover(function(){ 
$("#hb2_off").fadeOut("fast"); 
}, function() { 
$("#hb2_off").fadeIn("fast"); 
}); 

$("#hb3").hover(function(){ 
$("#hb3_off").fadeOut("fast"); 
}, function() { 
$("#hb3_off").fadeIn("fast"); 
}); 

}); 

</script> 

或者，嘗試你的動畫結合$（ '＃homecontent'）。負載（函數（）{//此處動畫//}）