Snippets on jQuery mobile swipping the contents:
//HTML
<div data-role="content" id="content1"></div>
<div data-role="content" id="content2"></div>
<div data-role="content" id="content3"></div>
//JQ script
$(document).one('pagebeforecreate',function(){
$("div[data-role='content']").bind('swipeleft', function(e){
var next=$(this).next("div[data-role='content']");
e.stopImmediatePropagation();
console.log(next);
return false;
});
$("div[data-role='content']").bind('swiperight', function(e){
var perv=$(this).prev("div[data-role='content']");
e.stopImmediatePropagation();
console.log(perv);
return false;
});
)}
