作者dlikeayu (太陽拳vs野球拳)
看板Ajax
標題[問題] JQ動畫錯誤邏輯...
時間Sun Nov 7 01:57:45 2010
想寫一個讓<li>裏的img
一張一張依序跑動畫
<style>
img{display:none;}
</style>
<ul>
<li><img src="iAmPic.jpg"></li>
<li><img src="iAmPic.jpg"></li>
<li><img src="iAmPic.jpg"></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
for (i=0;i<$('ul > li').length;i++)
{
$('ul > li > img').eq(i).delay(150).fadeIn();
}
}
</script>
我以為這樣圖片就會一張一張依序的淡入，但實際上當然不是
html部份我這邊寫的比較精簡，因為很確定是js的部份邏輯有錯
也用過queue的方式，發現愈走愈入魔...
煩請教...
--
身為一個宅男 修修眉毛 畫畫眼線 偶而去角質 睡前擦擦保養液 也是很正常的...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.228.250.21
1F：→ dlikeayu:好像找到關鍵字了... google "jquery 依序" 11/07 02:00
2F：→ dlikeayu:原來不能用for 迴圈去跑啊.... 11/07 02:00
3F：→ dlikeayu:解決了，找了一個晚上，居然在po完文時找到關鍵字 orz... 11/07 02:12