javascript - 如何在 if 语句 jQuery 中设置超时

Question

无法弄清楚为什么当我将 setTimeOut 添加到 if 时这不起作用，我做错了什么吗？或者如何延迟 if 语句内的执行？

if ($(window).scrollTop() > 1) {
    jQuery("html, body").animate({ scrollTop: $('#page-top-anchor').offset().top }, 1000);
    setTimeout(function() {
     jQuery('#'+$(this).data('modal')).fadeIn(1000); 
     jQuery('.a-modal').hide();       
    }, 1000);

这段代码在没有 setTimeout 的情况下工作完全正常，只有当我向其中添加 setTimeout 时才会出现执行问题。

Answer 1

在这种情况下，您应该使用 animate 的完整回调，通过使用 setTimeout 您最终会由于性能问题而与 animate 方法失去同步。 http://api.jquery.com/animate/

if ($(window).scrollTop() > 1) {
jQuery("html, body").animate({ scrollTop: $('#page-top-anchor').offset().top }, 1000 , function() {
 // when animation completes
 jQuery('#'+$(this).data('modal')).fadeIn(1000); 
 jQuery('.a-modal').hide();       
});