Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 循环2幻灯片放映,转盘寻呼机不工作_Javascript_Jquery_Html_Slideshow_Jquery Cycle2 - Fatal编程技术网

Javascript 循环2幻灯片放映,转盘寻呼机不工作

Javascript 循环2幻灯片放映,转盘寻呼机不工作,javascript,jquery,html,slideshow,jquery-cycle2,Javascript,Jquery,Html,Slideshow,Jquery Cycle2,寻呼机是使用转盘幻灯片上的“高级自定义模板”构建的 两个幻灯片看起来都不错,直到我点击寻呼机,然后它的行为很奇怪:活动幻灯片不会改变位置;单击寻呼机上的项目时,如果主幻灯片中没有显示正确的幻灯片,则会完全停止工作 请看这里: ... ... ... 想法?终于找到了解决办法。。。无法使用插件的寻呼机选项,必须添加一些脚本 //填满传呼机 $('.boxGaleria > div').clone().appendTo('.boxNav'); //更新两个幻

寻呼机是使用转盘幻灯片上的“高级自定义模板”构建的

两个幻灯片看起来都不错,直到我点击寻呼机,然后它的行为很奇怪:活动幻灯片不会改变位置;单击寻呼机上的项目时,如果主幻灯片中没有显示正确的幻灯片,则会完全停止工作

请看这里:


...
...              
...

想法?

终于找到了解决办法。。。无法使用插件的寻呼机选项,必须添加一些脚本

//填满传呼机

$('.boxGaleria > div').clone().appendTo('.boxNav');
//更新两个幻灯片中的活动幻灯片

var slideshows = $('.cycle-slideshow').on('cycle-update-view',function(event, opts) {
    slideshows.not(this).cycle('goto', opts.currSlide);
});
//将单击添加到旋转木马/寻呼机,更正幻灯片索引,因为旋转木马在正确显示之前和之后添加了一些重复的子项

$('.boxNav div').click(function(){
    var index = $('.boxNav').data('cycle.API').getSlideIndex(this);
    var todos = $('.boxGaleria').data('cycle.opts').slideCount;
    slideshows.cycle('goto', (index-todos));
});

嘿,看看这里的问答


与您的类似方法存在问题。

得出了类似的结论,但发现旋转木马上的环绕失败(即循环创建的重复项目不会更改滑块)-那么这是否真的适用于您?
$('.boxNav div').click(function(){
    var index = $('.boxNav').data('cycle.API').getSlideIndex(this);
    var todos = $('.boxGaleria').data('cycle.opts').slideCount;
    slideshows.cycle('goto', (index-todos));
});