You need to use both, stopPropagation();
and preventDefault();
.
As for the .selector
, it can be a tag and #ID or .class, e.g. [data-role=page]#PageID
, div.ui-content
...etc
$(document).on('swipeleft swiperight', '.selector', function(event) {
event.stopPropagation();
event.preventDefault();
});
Reference: stopPropagation();
Reference: preventDefault();