Jquery 显示/隐藏：在 Internet Explorer 中缓慢隐藏会导致可怕的效果..想法？

Question

我实现了 这个 Jquery show/hide 代码，一切正常很好，除了我想隐藏的框，使用慢速 JavaScript 浏览器（IE 6）在加载网页（或至少加载所有 JS）后隐藏。由于页面非常复杂，这需要一段时间，导致显示内容的效果非常糟糕，然后它被隐藏了..太糟糕了..

我确实知道我可以使用 CSS 设置 TO_HIDE_BOX display=none ，然后稍后使用js，但我不知道该怎么做，因为没有启用js的人将无法看到隐藏的内容。

你们有关于如何消除这种可怕影响的想法吗？

Answer 1

你可以把 .showDivWithNoJS { display: none; } 在你的 css 和你想要隐藏的元素上的类（你可能想给它一个更短的名称:)，然后在页面顶部执行此操作：

<noscript>
  <style type="text/css">.showDivWithNoJS { display: block; }</style>
</noscript>

这会以良好的效果显示你的元素如果他们启用了 JavaScript，如果没有，它会立即显示它们，因为无论如何他们都没有获得显示效果。