在点击事件(Slick Slider)上滑动滑块

Question

我是新手。我正在使用自定义光标，并且想在单击事件上移动滑块，如果光标在单击事件时位于滑块的左侧，则应在左侧滑动（到上一个幻灯片），并且光标在滑块的右侧单击它应该滑到右侧（下一个幻灯片）。

当前，它仅在一个方向上移动，即朝正确的方向移动。这是我的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

您根据提供的html代码使用了 $("#slider-arrow").mousemove(...， #slider-arrow是您的滑块div，请考虑e.pagex为您提供鼠标在#slider-arrow distry中的位置，因此您无需减去偏移量我认为。