Dragendjs stop slide on jquery-mobile slider

Question

I am creating a fullscreen mobile web page using dragend.js . But when I try to use a slider, dragend slides with it. How can I disable specific elements from being dragged using dragend?

I tried:

$(".disable-swipe").on("touchstart mousedown", function(e) {
    e.stopPropagation();
});

http://codepen.io/anon/pen/XbEgPB

But that disables the slider, too.

The slider is from jquery-mobile.

Answer 1

I stept from dragend.js to swiper.js because it has more functionallity

codepen example