[ js ] jquery slice問題
我想做一個圖片輪播的效果
我的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
請問該怎麼做才對
--
◣ ◢
◢██◣ ~● ˙ ˙
█ ◥▌ ~● ~● ◤◤◥◥
◤□︵□▌ ~● ~● > <
◥ o◤~● ◥ █ ◤
▅◤.██.◤ 世 界 波 ㄉ 洨 攻 擊 ◢ ▼ ◤
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.117.39.194
→
12/16 14:19, , 1F
12/16 14:19, 1F
推
12/16 17:21, , 2F
12/16 17:21, 2F
→
12/16 17:22, , 3F
12/16 17:22, 3F
→
12/16 22:27, , 4F
12/16 22:27, 4F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 3 篇):
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章