JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jq5uery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<body>
<div data-role="page">
    <div data-role="panel" id="mypanel">
    <!-- panel content goes here -->
    </div><!-- /panel -->
    <div data-role="header"><a href="#mypanel">Open Pan888el</a></div>
	<div data-role="content">...</div>
	<div data-role="footer">...</div>
</div>
</body>

JavaScript

$("body").on("swipeleft", ".ui-page", swipeHandlerLeft);
    $("body").on("swiperight", ".ui-page", swipeHandlerRight);

function swipeHandlerLeft(event){
    alert('went left');
}
function swipeHandlerRight(event){
    alert('went right');
}