Слайд слайдера на событии клика (Slick Slider)

Question

Я новичок в jquery. Я использую пользовательский курсор и хочу переместить ползунок на событие click now, если курсор находится в левой части слайдера при событии клика, он должен скользить с левой стороны (на предыдущий слайд), и если курсор находится в правой части слайдера по щелчку, он должен скользить по правой стороне (к следующему слайду).

В настоящее время он перемещается только в одном направлении, то есть в правильном направлении. вот мой код jquery.

$("#slider-arrow").mousemove(function(e){ 

    var z = $("#slider-arrow").width(); 
    var x = e.pageX - this.offsetLeft; 

    if(x >= z/2){ 

     $(this).css({ cursor : 'url(<?php echo base_url('/assets/images/icon-next.png')?>), auto'}) 

     .click(function() { 

        $("#slider-arrow").slick('slickNext'); 

      }); 
    }else if(x <= z/2){ 

     $(this).css({ cursor : 'url(<?php echo base_url('/assets/images/icon-open-prev.png')?>), auto'}) 

     .click(function() { 

        $("#slider-arrow").slick('slickPrev'); 

     }); 
    } 

}); 

Answer 1

вы использовали $("#slider-arrow").mousemove(... согласно предоставленной HTML коде #slider-arrow ваш слайдер ДИВ и рассмотрим e.pageX дает место мыши в #slider-arrow разделения, так что вам не нужно вычесть смещение я думаю.