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/