在單擊事件（滑動滑塊）上滑動滑塊

我是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

好，不過那不是問題我真正想要的是移動滑塊下一張幻燈片，如果在右側光標點擊移動到上一張幻燈片，如果在左側光標點擊.. .... –

在單擊事件（滑動滑塊）上滑動滑塊

回答

相關問題