向灯箱添加鼠标滚轮功能

我想结合使用fslightbox.js灯箱插件: https://fslightbox.com

使用jquery-mousewheel插件 https://github.com/jquery/jquery-mousewheel

添加鼠标滚轮功能,以便当用户在灯箱上向上或向下滚动时,它更改为下一张或上一张照片

这是我的js代码,但lightbox.on('mousewheel')不会触发, 关于如何使它起作用的任何想法?

var lightbox = $('.fslightbox-container');
lightbox.on('mousewheel','.fslightbox-absoluted',function (e) {
  if (e.deltaY>0) {
      lightbox.trigger('.fslightbox-slide-btn-container-next"');
  } else {
      lightbox.trigger('.fslightbox-slide-btn-container-previous');
  }
  e.preventDefault();
});

html:

<div id="mygallery" >
<a href="./app/img/ilustraciones-1.png" data-fslightbox>
    <img src="./app/img/ilustraciones-1.png"/>
</a>
<a href="./app/img/ilustraciones-2.png" data-fslightbox>
    <img src="./app/img/ilustraciones-2.png"/>
</a>
<a href="./app/img/ilustraciones-3.png" data-fslightbox>
    <img src="./app/img/ilustraciones-3.png"/>
</a>
</div>
mym1989 回答:向灯箱添加鼠标滚轮功能

首先,您会遇到语法错误,错误控制台会确认该错误。

lightbox.trigger('.fslightbox-slide-btn-container-next"'); //<-- "

其次,您似乎对trigger()的功能和工作方式做出了相当大的假设,认为您将选择器传递给了选择器并触发了点击事件。那就是not how it works。我想你是说:

lightbox.find('.fslightbox-slide-btn-container-next').click();
本文链接:https://www.f2er.com/1269408.html

大家都在问