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

Answer 1

您可以使用noscript标记向没有javascript的个人展示内容。所以这样的事情应该有效。

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

Answer 2

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

可以使用display:none;

隐藏幻灯片2

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

没有Javascript的人的后备在加载jQuery之前闪现

3 个答案: