Javascript 如何在JQuery上修改鼠标滚轮事件和单击事件？

我有一个简单的JQuery图像滑块，它可以根据鼠标滚轮滚动来更改幻灯片。我想修改它，这样我就可以根据鼠标点击事件（在本例中，是两个箭头图像，#prevBtn和#nextbttn）更改幻灯片

有人能帮我吗？ 万分感谢

$flag=true；
$counter=1；
$（窗口）.on（'wheel'，函数（事件）{
如果（$flag）
{
$flag=false；
如果（event.originalEvent.deltaY>0）
{
//按下鼠标滚轮执行
$counter++；
如果（$counter==1）
$counter++；
如果（$counter==2）
{
$（“.colorbox1”）.animate（{'top'：'-100%}）；
$（“.colorbox2”）.animate（{'top'：'0%}）；
$（“.red_info”）.animate（{'top'：'-100%}，700）；
$（“.orange_info”）.animate（{'top'：'0%}，700）；
$（“.img1”）.animate（{'top'：'-50%}，700）；
$（“.img2”）.animate（{'top'：'50%}，700）；
}
如果（$counter==3）
{
$（“.colorbox2”）.animate（{'top'：'-100%}）；
$（“.colorbox3”）.animate（{'top'：'0%}）；
$（“.orange_info”）.animate（{'top'：'-100%}，700）；
$（“.green_info”）.animate（{'top'：'0%}，700）；
$（“.img2”）.animate（{'top'：'-50%}，700）；
$（“.img3”）.animate（{'top'：'50%}，700）；
}
如果（$counter>3）
$counter=3；
}
否则{
//在鼠标滚轮上执行
$counter--；
如果（$counter首先从
控制盘
处理程序中删除代码，并将其转移到新函数：

moveImage(next) {
  if ($flag) {
    $flag = false;
    if (next) {
      ...
    }
    else {
      ...
    }
    setTimeout(function(){$flag = true;},500);
}

$(window).on('wheel', function(event){
  moveImage(event.originalEvent.deltaY > 0);
}

然后用以下新功能替换车轮处理程序上的代码：

moveImage(next) {
  if ($flag) {
    $flag = false;
    if (next) {
      ...
    }
    else {
      ...
    }
    setTimeout(function(){$flag = true;},500);
}

$(window).on('wheel', function(event){
  moveImage(event.originalEvent.deltaY > 0);
}

并为单击事件添加新的处理程序：

$("#prevBtn").click(function() {
  moveImage(false);
});

$("#nextBtn").click(function() {
  moveImage(true);
});