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" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.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.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>运行实例 »
点击 "运行实例" 按钮查看在线实例