jquery - 如果禁用 js，则隐藏启用 js 时隐藏的相同 div

Question

我有一个运行良好的产品页面的无限滚动条。出于 SEO 和“禁用 javascript”的目的，我需要提供一个甚至可以在禁用 js 的情况下使用的页面。

当滚动条在启用 js 的情况下正常工作时，会有一个带有加载器图像的隐藏 div。没什么特别的...问题是当 js 被禁用时，我真的无法隐藏该加载器图像或其中包含图像的 div。

当启用 js 时，我会隐藏某些元素：

jQuery(function($) { $('body').addClass('js');});

这对此不起作用：

<div class="overlay">
  <img src="https://site.com/ajax-loader.gif" />
</div>

和jQuery：

  $(".overlay").fadeOut();
  $(window).scroll(function() { update(); });

});
///////////////// code /////////////
$(".overlay").fadeIn();

有什么建议么？

$(window).unbind('scroll'); 

Answer 1

您可以使用 css ( display:none;) 默认隐藏 div，然后使用 JS 显示它。这样，当 JS 被禁用时，它不会妨碍内容。