Question

基本上我回到页面时遇到淡出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 fadeout中的对象后跟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秒延迟仍然存在。这是修改后的代码;感谢巴马尔，我们在意识到我们不需要它之后取出了中间部分：

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

           });
       });

jQuery延迟停止其他jQuery函数

0 个答案: