jQuery如何隐藏DIV,它们在页面加载时显示为分秒

Question

我做了一个非常快的jQuery的幻灯片,我用这个隐藏DIV的不应显示,直到轮到他们明显:

$(document).ready(function() {
  //Hide All Div's Apart From First
  $('div#gall2').hide();
  $('div#gall3').hide();
  $('div#gall4').hide();

但在加载页面时,你可以看到DIV的胆汁2加仑胆汁和胆汁4秒,然后隐藏它们.

可以在我的CSS里面添加:

#gall2, #gall3, #gall4{ display:none;}

这样可以解决它们瞬间出现的问题,只想知道它是否可以接受

谢谢.

Answer 1

在CSS中禁用很好,但是没有JS的用户将永远不会看到它们.

要仅为具有JS的用户禁用,请标记正文和相应的CSS:

<body>
  <script type="text/javascript">
    document.body.className += " js";
  </script>

CSS:

.js #gall2, .js #gall3, .js #gall4 { display: none; }

@orip.我做了类似的事情,但是在头脑中做了,并使用`document.documentElement.className + ="js"`将它应用于`html`元素.我在所有其他脚本之前将它放在脚本块中. (3认同)

Answer 2

~~是的，在 CSS 中这样做当然是可以接受的~~

其他回答者是正确的。仅使用 JS 使事物可见并不是一个好习惯。我想我只是在技术上思考：以这种方式改变你的 CSS 就可以解决问题。