Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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 滑动滑块将箭头附加到多个容器,箭头除了最后一个外不起作用_Javascript_Jquery_Slick.js - Fatal编程技术网

Javascript 滑动滑块将箭头附加到多个容器,箭头除了最后一个外不起作用

Javascript 滑动滑块将箭头附加到多个容器,箭头除了最后一个外不起作用,javascript,jquery,slick.js,Javascript,Jquery,Slick.js,我试图将光滑的箭头附加到多个容器中。基本上,我需要每张幻灯片都有自己的导航。每张幻灯片都有 <div class="pixoff-slider-navigation-anchor"></div> 这是可行的,它将箭头附加到所有容器中,但实际上只有最新的一组箭头有效。其他幻灯片就在那里,当我们单击它们时,它们什么也不做。与其将箭头附加到dom,不如在每张幻灯片中编写所需的html,然后在平滑选项中设置上一个和下一个箭头 $('.pixoff滑块容器')。光滑({ 箭头:

我试图将光滑的箭头附加到多个容器中。基本上,我需要每张幻灯片都有自己的导航。每张幻灯片都有

<div class="pixoff-slider-navigation-anchor"></div>

这是可行的,它将箭头附加到所有容器中,但实际上只有最新的一组箭头有效。其他幻灯片就在那里,当我们单击它们时,它们什么也不做。

与其将箭头附加到dom,不如在每张幻灯片中编写所需的html,然后在平滑选项中设置上一个和下一个箭头

$('.pixoff滑块容器')。光滑({
箭头:是的,
点:错,
prevArrow:$(“.prev arrow”),
下一行:$(“.下一个箭头”)
});

上
下一个

您需要为导航按钮指定一个单击事件

var slider=$('.pixoff slider-container');
$('.pixoff滑块导航锚点.slick prev')。在('click',function()上{
$(滑块).slick('slickPrev');
});
$('.pixoff滑块导航锚点.slick next')。在('click',function()上{
$(滑块).slick('slickNext');

});锚的点击事件是什么?我知道你在问什么,但我不知道如何检查@军事战争
$('.pixoff-slider-container').slick({
    arrows: true
    ,appendArrows: $('.pixoff-slider-navigation-anchor')
});