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

我是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'); 

     }); 
    } 

});

来源

2016-11-24 Gulfam Arshad

我不知道你的html代码，但猜测如果你有＃slider-arrow和＃slider-arrow1你应该给类和上面的代码编写类.slider-箭头而不是其中之一不是其中的一个不是对？ –

我曾尝试使用同一班，但结果仍然相同！ –

你能在这里提供html代码吗？ –

您可以根据所提供的HTML代码中使用$("#slider-arrow").mousemove(...的#slider-arrow是你的滑块的div和考虑e.pageX为您提供了鼠标的位置在#slider-arrow师，所以你并不需要减去偏移，我认为。

来源

2016-11-24 10:54:25

好，不过那不是问题我真正想要的是移动滑块下一张幻灯片，如果在右侧光标点击移动到上一张幻灯片，如果在左侧光标点击.. .... –

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

回答

相关问题