作者knives ()
看板Ajax
標題[ js ] jquery slice問題
時間Thu Dec 16 10:23:25 2010
我想做一個圖片輪播的效果
我的Html是這樣
<div id="spics_wrap">
<ul id="spics" style="margin-left: 0;">
<li> 第一個圖片</li>
<li> 第二個圖片</li>
.
.
.
</ul>
</div>
我的想法是在最外層的spics_wrap設定css為overflow:hidden
然後用js去改變spics_wrap的scrollLeft來達到水平移動的效果
可是問題在移到最後一塊li的時候，就會變成沒有東西
我想到用jquery的slice來抓目前的li再append到ul後面
var i = 0 ;
var lis = $("li",$("
#spics_wrap")); //這是ul底下的li陣列
jQuery("#spics").append(lis.slice(i).clone());
i++;
可是問題來了
為什麼它append的是整個ul底下的li，卻不是單獨一塊li
請問該怎麼做才對
--
◣ ◢
◢██◣ ～
● ˙ ˙
█ ◥▌ ～● ～
● ◤◤◥◥
◤□︵□▌ ～
● ～
● ＞ ＜
◥
ｏ◤
～● ◥ █ ◤
▅◤.██.◤
世 界 波 ㄉ 洨 攻 擊 ◢ ▼ ◤
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.117.39.194
1F：→ no1kk:用eq(n)去指定第幾個 12/16 14:19
2F：推 mesak:建議 跑到 n 的時候 n-1 就 直接 appendtTo 到最後面 12/16 17:21
3F：→ mesak: 移動 到 下一個 li:first appendto ul 12/16 17:22