jQuery 逻辑：遍历元素并使它们淡入？
呼吁 jQuery 专家:)
http://s3.postimage.org/nb2mm7u2/download.png
这就是我需要的。我需要每个块都一一淡入。淡入顺序应为：
- 第一个蓝色元素
- 第二个蓝色元素
- Top-1 和 Top-1 Bottom-1 绿色元素（一起）
- 前 2 名和前 2 名Bottom-2绿色元素（一起）
- 前三名和前三名Bottom-3 绿色元素（一起）
- 第三个蓝色元素
- 第四个蓝色元素
- Top-1 和 Top-1 Bottom-1 绿色元素（一起）
- 前 2 名和前 2 名Bottom-2绿色元素（一起）
- 第五蓝色元素
PS：最初所有内容都将被隐藏，然后所有内容按顺序出现以形成最终形状。
在这里解决：JSBIN 上的 HTML/CSS 代码： http://jsbin.com/ogehoj/edit #javascript,html,实时
Call for jQuery experts :)
http://s3.postimage.org/nb2mm7u2/download.png
Here is what I need. I need each blocks to fade in one by one. The fade-in order should be :
- First Blue element
- Second Blue element
- Top-1 & Bottom-1 Green element (together)
- Top-2 & Bottom-2 Green element (together)
- Top-3 & Bottom-3 Green element (together)
- Third Blue element
- Fourth Blue element
- Top-1 & Bottom-1 Green element (together)
- Top-2 & Bottom-2 Green element (together)
- Fifth Blue element
PS: Initially everything will be hidden, and then in-order everything appears to make this final shape.
Solve here : HTML/CSS Code on JSBIN : http://jsbin.com/ogehoj/edit#javascript,html,live
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
很高兴看到您在此处发布之前尝试过的一些证据。请查看 http://jsbin.com/etished/4/edit。
简而言之；
data-render-seq="x"添加到适当的元素来定义渲染序列.data('render-seq').fadeToggle()并增加延迟（如果需要）我假设您能够修改 html，并且您不介意使用另一个 js 库（underscore.js)
Would be nice to see some evidence that you tried before posting here. Have a look at http://jsbin.com/etised/4/edit.
In a nutshell;
data-render-seq="x"to the appropriate elements.data('render-seq').fadeToggle()and incrementing a delay (if required)I've assumed you are able to modify the html, and that you don't mind using another js lib (underscore.js)