基本的に、ページに戻るときに div をフェードアウトさせることに問題があります。
遅延なくフェードアウトすると、div 内の要素がページの下部にスナップしてからフェードアウトします。これはコードです：
$(document).ready(function(){ $("#back").click(function () {
$("#kimg, #kp, #kp2, #kp3, #jprofile,#rprofile,#sprofile,#jcontent,#back,#kcontent,#rcontent,#scontent").fadeOut('slow', function () {
$("#jcontent,#back,#kcontent,#rcontent,#scontent").fadeOut('slow', function () {
$("#jmain,#jmenu,#kmain,#kmenu,#rmain,#rmenu,#smain,#smenu").fadeIn('slow', function () {
});
});
});
});
});
div フェードアウト内のオブジェクトの後に div が続くように、遅延を追加することでこの問題を解決できると思いました。
$(document).ready(function(){ $("#back").click(function () {
$("#kimg, #kp, #kp2, #kp3, #jprofile,#rprofile,#sprofile,#jcontent,#back,#kcontent,#rcontent,#scontent").fadeOut('slow', function () {
$("#jcontent,#back,#kcontent,#rcontent,#scontent").delay(500)fadeOut('slow', function () {
$("#jmain,#jmenu,#kmain,#kmenu,#rmain,#rmenu,#smain,#smenu").delay(600).fadeIn('slow', function () {
});
});
});
});
});
ただし、これを行った後、前のページに戻るためにフェードは正常に機能しますが、別のページをクリックしようとすると、約10秒間ロードされず、最終的にdivが表示されますが、前のページの画像がプッシュされますその下にあるはずのオブジェクトが表示されます。
サイトを現在の形ですぐに確認するには、 jkrsproductions.comにアクセスしてください。div エラーの最も良い例は、"our people" ページに移動して [戻る] ボタンを押すことで見つけることができます。
前もって感謝します。
-S
編集: ご回答ありがとうございます。フェードアウトの問題はすべて修正しましたが、ページに戻って別のページをクリックしようとすると 10 秒の遅延が引き続き発生します。これは改訂されたコードです。Barmar のおかげで、必要ないことに気付いた後、中間部分を取り出しました。
$("#back").click(function () {
$("#kimg, #kp, #kp2, #kp3, #jprofile,#rprofile,#sprofile,#jcontent,#back,#kcontent,#rcontent,#scontent").fadeOut('slow', function () {
$("#jmain,#jmenu,#kmain,#kmenu,#rmain,#rmenu,#smain,#smenu").delay(700).fadeIn('slow', function () {
});
});
});