禁用左右滑动事件

Question

I am gonna disable swipe event (exactly right and left on slider part) on website mobile view. This is my js code.

jQuery(document).on("swipeleft swiperight", '#sample_slider', function(e) {
    e.stopImmediatePropagation();
    e.preventDefault();
});

This doesn't work on #sample_slider element.

Or did point wrong element for swipe?

Answer 1

Use:hover css property and pass pointer-events:none; style to the element this should do the trick In your someAction() function you will need to perform this

However, as a dev to dev using the @click event like this is the dumbest way to use Vue.. but considering that there might be a need in your app for this i think my solution should help you