jquery - 在点击事件上滑动 slider (Slick Slider)

Question

我是 jquery 的新手。我正在使用自定义光标，现在如果光标位于单击事件 slider 的左侧，它应该在左侧滑动(到上一张幻灯片)，如果光标位于 slider 右侧，我现在想在单击事件上移动 slider 单击它应该在右侧滑动(到下一张幻灯片)。

目前它只朝一个方向移动，即向右移动。这是我的 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 是您的 slider div 并考虑e.pageX 为您提供鼠标在 #slider-arrow 分区中的位置，因此您无需减去我认为的偏移量。