0

我正在处理的页面是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，但这对问题没有帮助。

最后，document ready 上的 fadeIn 和 fadeOut 在 iOS 上根本不起作用。（显然，我知道悬停不起作用）。

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

4

1 回答 1

0

如果您将代码更改为此，它会起作用吗？通过将右括号移动到代码片段的末尾，我已将您的处理程序包含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').load(function(){//animations here//})

于 2012-06-21T15:34:00.157 回答