在点击事件上滑动滑块（Slick Slider）

Question

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

目前它只在一个方向上移动，即在正确的方向上。 这是我的 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 分区中的位置，因此您不需要减去我认为的偏移量.