不使用Javascript的用户的回退会在加载jQuery之前闪现

Question

我基本上有这样的东西：

<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之前，“幻灯片-2”大约显示了半秒钟，并且文件都在我的计算机上。如果其他人看到它，延迟会很长。如何防止用户看到“幻灯片-2”？

Answer 1

不要使用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>

Answer 2

您可以使用noscript标记向没有javascript的个人显示内容。所以像这样的东西应该是可行的。

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

Answer 3

幻灯片-2可以用display:none;隐藏

在不确切了解幻灯片工作原理的情况下，很难说解决方案是否合适。