Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery循环插件不工作_Javascript_Jquery_Html_Jquery Cycle_Jsfiddle - Fatal编程技术网

Javascript jQuery循环插件不工作

Javascript jQuery循环插件不工作,javascript,jquery,html,jquery-cycle,jsfiddle,Javascript,Jquery,Html,Jquery Cycle,Jsfiddle,有一个网站,其中有一个部分我正试图在JSFIDLE中复制并使用它 我遇到的一个问题是: 这两个小的按钮用于在推荐信之间切换。此切换正在由执行 问题是我无法让这些按钮在JSFIDLE中工作。 我已经导入了原始网站上使用的相同的jquery.cycle.all.2.74.pack.js文件,并且还添加了jquery。所以我不知道还缺少什么 我的JSFIDLE副本: 原始网站:(避免搜索引擎索引) 这是原始网站上使用这些按钮的地方: 要让它正常工作,需要做几件事。首先,您从未调用过cycle():

有一个网站,其中有一个部分我正试图在JSFIDLE中复制并使用它

我遇到的一个问题是:

这两个小的
按钮用于在推荐信之间切换。此切换正在由执行

问题是我无法让这些按钮在JSFIDLE中工作。

我已经导入了原始网站上使用的相同的jquery.cycle.all.2.74.pack.js文件,并且还添加了jquery。所以我不知道还缺少什么

我的JSFIDLE副本:

原始网站:(避免搜索引擎索引)

这是原始网站上使用这些按钮的地方:


要让它正常工作,需要做几件事。首先,您从未调用过
cycle()

其次,为了模仿您想要的效果,您需要easing.js插件(参见下面链接的JSFIDLE中的外部资源)

最后,在CSS中,您不能浮动元素,它们需要绝对定位并给定100%的高度

#divleftcontent2 .scrollable4 .items {
  position: absolute;
  height: 100%;
}
有,但这是一个不同的问题


我已经更新了fiddle,以显示我认为您正在寻找的最终版本:

我认为您从未调用$('.div').cycle(),请在他们的网站上查看如何执行此操作的示例。现在没有时间创建一个正在工作的JSFIDLE抱歉,希望这对您有所帮助谢谢。。您能更新代码,使动画与原始页面中使用的动画相同吗?(请参见OP的底部部分,以查看原件的位置)。。我真的很喜欢那种效果!:)它已更新为显示相同类型的滚动。easeInOutBack会给你带来跳跃的效果(因为没有更好的短语),如果我试一下代码,它不会显示任何推荐文本。。你自己试试,你会明白我的意思的。我看到有东西在添加你的div的内联样式
#divleftcontent2 .scrollable4 .items {
  position: absolute;
  height: 100%;
}