<html><head><link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css"><script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script><script src="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script><script>$(document).on("pageinit","#pageone",function(){ $("p").on("swipe",function(){ $(this).hide(); }); });</script></head><body><div data-role="page" id="pageone"> <div data-role="header"> <h1>The swipe Event</h1> </div> <div data-role="content"> <p>If you swipe me, I will disappear.</p> <p>Swipe me away!</p> <p>Swipe me too!</p> </div> <div data-role="footer"> <h1>Footer Text</h1> </div></div> </body></html>