Question

我在点击功能中有以下if语句：

$('#rent-link').on('click', function() {
  $('.house-card:not(.sold)').fadeIn('fast');
  $('.for-sale').fadeOut('fast');
  $('.rental').fadeIn('fast');
  $('.sold').fadeOut('fast');
  $('.comm').fadeOut('fast');
  if ( $('.house-card:visible').length == 0 ) {
    $('#no-results').show();
  }
  return false;
});

所有代码都包含在doc ready函数中，因此无法解决问题。我不确定为什么当为这个if语句设置参数来解析为true时，它总是解析为false。当我单击＃rent-link然后在控制台中单独运行if语句时，它会解析为true。

感谢您的帮助。

编辑：

我使用settimeout函数更新了我的代码并且它有效。你们是对的，谢谢你！

以下是工作代码：

$('#rent-link').on('click', function() {
            $('.house-card:not(.sold)').fadeIn('fast');
            $('.for-sale').fadeOut('fast');
            $('.rental').fadeIn('fast');
            $('.sold').fadeOut('fast');
            $('.comm').fadeOut('fast');
            setTimeout(function() { 
                if ( $('.house-card:visible').length === 0 ) {
                    $('#no-results').show();
                } 
            }, 500); 
            return false;
        });

Answer 1

当def validate_usr(username) (username =~ /\A[a-z0-9_]{4,16}\Z/) == 0 end语句运行时，可能仍有一些可见的.house-card元素。

if和fadeIn函数是异步的，在最终将元素设置为fadeOut之前，使用一系列间隔淡出不透明度。在函数完成并实际隐藏元素之前，hidden语句可能正在执行。

当您单击按钮然后在控制台中运行该语句时，您可能需要比实际运行命令之前的淡入淡出函数花费的时间长半秒，因此在运行命令之前，这些元素已经被隐藏了命令。

为确保动画完成后if语句正在运行，您可以使用回调函数，如http://api.jquery.com/fadeout/所述。类似的东西：

if

请注意，这只会确保没有$('.sold').fadeOut('fast', function() { if ( $('.house-card:visible').length == 0 ) { $('#no-results').show(); } });元素。我不确定.house-card.sold:visible和.comm是否也在.for-sale个元素上，但如果它们是，则可能需要更多一点，以确保它们都不可见

如果语句在控制台中工作，而不在源

1 个答案: