0

请帮助我。

这是我的网页。

<div id="wrapper">

   <div id="header">
      header text
   </div>

   <div id="content">
      content text
   </div>

</div>

我想淡入#content 块。

当我使用 $("#wrapper").fadeIn(1500);它时它工作正常并且它在整个页面中消失但是当我使用 $("#content").fadeIn(1500);它时它永远不会工作，关于褪色没有任何事情发生。

我究竟做错了什么？

我也试过 $("#wrapper #content").fadeIn(1500);了，但没有运气，你们能告诉我如何只定位#content div吗？

非常感谢

4

4 回答 4

4

如果没有看到示例页面/代码，很难确定，但听起来你有#wrapper隐藏但没有#content.

因此，当您淡入时它可以工作#wrapper（从而显示所有包含的内容），但是当您淡入时它不起作用，#content因为它的父级 ( #wrapper) 仍然是隐藏的。

您可能希望查看将 更改为#wrapper默认可见并将更改#content为隐藏，以便淡入可以正确显示。

同样，这一切都只是在这一点上的猜想。如果您添加链接/示例，那么我们也许可以给出更好的答案。

于 2012-07-09T00:19:03.123 回答
2

它对我有用。请参阅此处的示例：http: //jsfiddle.net/xwqPA/

于 2012-07-09T00:19:23.590 回答
2

默认情况下将内容 div 设置为display: none：

<div id="wrapper">
  <div id="header">
    header text
  </div>
  <div id="content" style="display: none;">
    content text
  </div>
</div>​​​
于 2012-07-09T00:20:24.000 回答
0

选择两个jQuery元素时，用逗号分开它们：

$("#wrapper, #content").fadeIn(1500);

查看多个选择器

编辑：由于这被否决了，我觉得有必要进一步澄清......你说#wrapper 本身的淡化是有效的。由此，我可以假设 #wrapper 默认是隐藏的。因此，如果您打算“显示”#wrapper 的任何子元素，则需要先将其淡入（或至少将其显示属性设置为 'block' using show()），然后才能尝试淡入 #content。这可以通过对包装器和内容 div 执行淡入淡出来完成，如上所示。

于 2012-07-09T00:17:05.220 回答