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')
});