Touch events are triggered when the user touches the screen (page).
jQuery Mobile touch events syntax
Click events are triggered when the user clicks on an element.
jQuery Mobile touch events example
<!DOCTYPE?html>
<html>
<head>
<meta?name="viewport"?content="width=device-width,?initial-scale=1">
<link?rel="stylesheet"?>
<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.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).on("pagecreate","#pageone",function(){
??$("p").on("tap",function(){
????$(this).hide();
??});???????????????????????
});
</script>
</head>
<body>
<div?data-role="page"?id="pageone">
??<div?data-role="header">
????<h1>tap?事件</h1>
??</div>
??<div?data-role="main"?class="ui-content">
????<p>敲擊我，我會消失。</p>
????<p>敲擊我，我會消失。</p>
????<p>敲擊我，我也會消失。</p>
??</div>
??<div?data-role="footer">
????<h1>頁腳文本</h1>
??</div>
</div>?
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例