对于没有Javascript的人来说，在加载jQuery之前会闪过

Fallback for people without Javascript is flashed before jQuery is loaded

本文关键字：jQuery 加载 Javascript 于没      更新时间：2023-09-26

基本上是这样的:

<div id="slide-1" style="display:none;">
  Not too important stuff
</div>
<div id="slide-2">
  Important stuff
</div>
<script>
$('#slide-2').hide(0,function(){
  $('#slide-1').fadeIn();
});
</script>

但是，在jQuery执行之前，"slide-2"显示了大约半秒，并且文件都在我的计算机上。如果其他人看到它，延迟将会很长。我怎样才能不让用户看到"幻灯片2"?

您可以使用noscript标记向没有javascript的个人显示内容。所以像这样的代码应该可以工作。

<noscript>
  <div id="slide-2">
    Important stuff
  </div>
</noscript>

不要使用jQuery隐藏小div。延迟可能是由于浏览器等待jQuery下载。在它后面使用简单的javascript，如下所示:

<div id="slide-1" style="display:none;">
  Not too important stuff
</div>
<div id="slide-2">
  Important stuff
</div>
<script>
  document.getElementById('slide-2').style.display = 'none'
</script>

Slide-2可以用display:none;隐藏

如果不知道幻灯片的确切工作原理，就很难说解决方案是否合适。

相关文章：