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分区中的鼠标位置，因此您不必使用{{1}}。我需要减去我认为的偏移量。

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

1 个答案: