Javascript 覆盖滑动转盘按钮操作
如何更改上一个/下一个滑动按钮操作。 我有一个可动态加载的旋转木马。因此,我需要添加一个图像加载操作按钮 我试着给光滑的声明块添加动作,比如Javascript 覆盖滑动转盘按钮操作,javascript,jquery,slick.js,Javascript,Jquery,Slick.js,如何更改上一个/下一个滑动按钮操作。 我有一个可动态加载的旋转木马。因此,我需要添加一个图像加载操作按钮 我试着给光滑的声明块添加动作,比如 $(".mySlickCarousel").slick({ prevArrow: function () { // code } }) 我也试过: $('.your-element .next-button').click(function(event){ //load image
$(".mySlickCarousel").slick({
prevArrow: function () {
// code
}
})
我也试过:
$('.your-element .next-button').click(function(event){
//load image
});
它也不起作用。那么浏览器只进入该功能一次。这是第一次。然后忽略
UPD:所以,我解决了。正如一个人之前所说,你需要描述你自己的按钮
prevArrow: $ ('.prev'),
nextArrow: $ ('.next'),
然后这样做
$(".next").on("click", function() {
//your code
});
成功了 只需将加载操作加载到旋转木马的下一个按钮
$('.your-element .next-button').click(function(event){
//load image
});
或者使用slick回调事件获得更多输入(currentSlide、nextSlide)
是的,第一个是最简单的方法。这是我尝试做的第一件事。它不起作用。我不知道为什么,但它甚至没有进入这个函数。第二个。好吧,也许会奏效。但我有很多事情要做,因为我必须知道方向(下一个或上一个)。顺便说一句,它也会被刷卡调用。。无论如何。。。将有计划B。如果侦听器中的代码定义转盘不应转到下一张幻灯片,是否可以阻止转盘转到下一张幻灯片?
$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
//load image
});