jQuery循环插件不工作
jQuery循环插件不工作
提问于 2013-07-23 14:04:45
有一个网站，其中有一个部分，我试图复制在JSFiddle和玩它。
有一件事我有困难，那就是：
这两个小的<- ->按钮用于在推荐信之间切换。这种转换是由jQuery Cycle Plugin完成的。
问题是我无法让这些按钮在JSFiddle.中工作
我已经导入了相同的jquery.cycle.all.2.74.pack.js文件使用的原始网站，并增加了jQuery。所以我不知道还缺了什么。
My JSFiddle复制品： http://jsfiddle.net/ahmadka/FsSxd/
原始网站： http://bit.ly/16447fr (避免搜索引擎索引)
这就是在原始网站上使用这些<- -> 按钮的地方：
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-07-23 14:25:28
要使这一功能正常运作，需要做几件事。首先，你从来没有给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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17812517
复制相关文章
相似问题
腾讯云开发者
