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 やその他のリンクされたファイルを更新するために) ページをシフトしてリロードすると、すべて正常に動作するように見えることです。時間指定されたフェードアウトとフェードインは、ホバーと同様に機能します。ただし、ページをリロードすると、すべてが機能しなくなります。

ページには Facebook ボックスがあり、これが要因である可能性があります。jQuery をローカルでロードするように切り替えましたが、問題は解決しませんでした。

最後に、ドキュメントの準備ができているときのフェードインとフェードアウトは、iOS ではまったく機能しません。（明らかに、ホバーが機能しないことはわかっています）。

誰かが私を正しい方向に向けることができれば、私はそれを感謝します. 私はこれらの質問と回答を精査するのに 2 日間の大半を費やしましたが、自分でこれを解決することはできませんでした.

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 に答える