項
目開發中一直使用jquery
tools中scrollable插件，一直也隻是停留在使用上，最多看文檔實作如何調用它的prev(spped)和next(speed)等幾個方
法。因為都是要完成幾張圖檔在首頁輪流展示，開發人員和測試人員都沒有去關注圖檔的播放順序是否正确。今天測試人員開出了一個bug，說頁面在第一次載入
時，scrollable展示圖檔的順序不對。顯示的是最後一個，而且顯示第二張圖檔時，實際圖檔是第二張圖檔，而不是第一張。因為很多情況下，我們會出
現表示目前第幾張圖檔的小icon，如下圖：
問
題來了，scrollable預設不是從第一張圖檔開始顯示，而是：image 4->image
2->image3->image4。第一次不是顯示的image 1。通過chrome develop
tools，顯示的cloned的元素。如下：
本身scrollable插件生成class為cloned的元素，是為了動畫循環顯示，但是在這裡浏覽器把它作為第一張圖檔顯示了。
代碼如下：
目前修複的方式，延遲調用scrollable()方法。是以使用settimeout()進行2秒的延遲操作。
将上面的代碼改為：
settimeout(function () {
$("#autoscroll").scrollable({ circular: true }).autoscroll({ autoplay: true });
},2000);
重新運作頁面，發現正常。