Jquery淡入div内的div

这是我的网页。

<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吗？

由于堆

来源

2012-07-09 user1074803

当选择两个jQuery的元件，用逗号分隔它们：

$（ “＃包装，＃内容”）淡入（1500）;

见multiple selectors

编辑：由于这是下调投票，我觉得有必要进一步澄清......你说，本身在#wrapper指定褪色的作品。从那以后，我可以假定#wrapper默认是隐藏的。因此，如果您打算“展示”任何＃wrapper的子元素，则需要在尝试淡入#content之前将其淡入（或至少使用show()将其显示属性设置为'block'）。这可以通过在上面显示的包装器和内容div上执行淡入淡出来完成。

来源

2012-07-09 00:17:05

很难说没有看到示例页面/代码，但它听起来像你已经隐藏了#wrapper但不是#content。

所以，当你淡入#wrapper（从而显示出所有包含的内容），它的工作原理，但是当你淡入#content，因为它的父（#wrapper）仍然隐藏它不工作。

您可能想要将#wrapper更改为默认可见，并且#content隐藏，以便淡入将正确显示它。

再次，这一切都只是猜测在这一点上。如果你添加一个链接/样本，那么我们可以给出更好的答案。

来源

2012-07-09 00:19:03 nbsp

+1的最可能的原因。很好的答案。 – Bojangles 2012-07-09 00:21:06

它为我工作。默认情况下http://jsfiddle.net/xwqPA/

来源

2012-07-09 00:19:23 Conner

谢谢。我按照自己想要的方式更新了它。这就是我所追求的。感谢堆家伙。 http://jsfiddle.net/xwqPA/1/ – user1074803 2012-07-09 00:28:27

嗨康纳，刚发现这不工作ie8。可能是什么问题？ – user1074803 2012-07-09 02:41:20

http://stackoverflow.com/questions/1284163/jquery-ie-fadein-and-fadeout-opacity – Conner 2012-07-09 03:01:30

集内容的div display: none：看到这里的例子

<div id="wrapper"> 
    <div id="header"> 
    header text 
    </div> 
    <div id="content" style="display: none;"> 
    content text 
    </div> 
</div>

来源

2012-07-09 00:20:24

是的。谢谢http://jsfiddle.net/xwqPA/1/ – user1074803 2012-07-09 00:29:12

@ user1074803欢迎您。我不知道为什么有人在这一票上投了我票。也许太短的答案。 – 2012-07-09 00:30:31

感谢@ahren我会尝试“ctrl + K”下次我想突出一些句子中的一些代码:-) – 2012-07-09 00:39:02

Jquery淡入div内的div

回答

相关问题