Handle tap on paragraph

In this code action for tapping paragraph is set to hide. We can change it however we like. You have to remember setting Internet privilege for external scripts and style sheets. 
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).on("pagecreate","#tapping",function(){
  $("p").on("tap",function(){
    $(this).hide();
  });                       
});
</script>
</head>
<body>
<div data-role="page" id="tapping">
  <div>
    <p>If tapped it will be gone.</p>
  </div>
</div> 
</body>
</html>
List

Responses

0 Replies