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和其他链接文件），一切似乎都可以正常工作。定时fadeOut和fadeIns工作，徘徊也是如此。但是，如果我重新加载页面，一切都会停止工作。

页面上有一个Facebook框，这可能是一个因素。我转而在本地加载jQuery，但这没有帮助解决问题。

最后，文档就绪的fadeIn和fadeOut根本不适用于iOS。（我知道悬停不起作用，显然）。

如果有人能指出我正确的方向，我会很感激。我花了两天的大部分时间来搜索这些问题和答案但是我自己无法解决这个问题。

Answer 1

如果您将代码更改为此功能是否有效？我已将hover处理程序包含在您的(document).ready()处理程序中，方法是将关闭的parens移到代码段的末尾。

<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'）。load（function（）{//动画在这里//}）

JQuery fadeIn / fadeOut适用于第一次加载但不能重载

1 个答案: