jQuery Cycle插件不工作

Question

有一個網站，其中有一個部分，我試圖在JSFiddle中複製並玩弄它。說我遇到的麻煩

有一件事情是這樣的：

這兩個小<-->按鈕用於褒獎之間切換。該切換由jQuery Cycle Plugin完成。

問題是我無法讓這些按鈕在JSFiddle中工作。

我擁有原裝進口的網站上使用相同的jquery.cycle.all.2.74.pack.js文件，並且還增加了jQuery的。所以我不知道還有什麼遺漏。

我的jsfiddle副本：http://jsfiddle.net/ahmadka/FsSxd/

原始網站：http://bit.ly/16447fr（爲了避免搜索引擎索引）

這是這些<-->按鈕上的原始網站上使用：

Answer 1

需要一些東西才能正確運作。首先，你從來沒有打電話cycle()：

$('.scrollable4 .items').cycle({ 
    timeout: 0, 
    next: '.next', 
    prev: '.prev', 
    fx: 'scrollRight', 
    easing: 'easeInOutBack' 
}) 

其次，模仿你要找的效果，你需要easing.js插件（見的jsfiddle下面鏈接外部資源）。

最後，在你的CSS中，你不能浮動元素，他們需要被絕對定位並給定100％的高度。

#divleftcontent2 .scrollable4 .items { 
    position: absolute; 
    height: 100%; 
} 

還有other ways to fix the height issue但這是一個不同的問題。

我已經更新了小提琴顯示我的看法是你正在尋找的最終版本。http://jsfiddle.net/FsSxd/8/