1

基本上我在返回页面时遇到了淡出 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 错误示例可以通过转到“我们的人员”页面然后点击后退按钮来找到。

先感谢您。

-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 () {
                   });

           });
       });
4

0 回答 0