Event = response action for all different visitors to the page.
jQuery Mobile events syntax
In jQuery Mobile you can use any standard jQuery event.
In addition, jQuery Mobile also provides events for mobile browsers:
Touch events - triggered when the user touches the screen
Sliding events - Triggered when the user swipes up or down
Positioning events - Triggered when the device is flipped horizontally or vertically
Page events - Triggered when the page is shown, hidden, created, loaded or not loaded< /p>
jQuery Mobile 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("click",function(){
$(this).hide();
});
});
</script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>页眉文本</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>运行实例 »
点击 "运行实例" 按钮查看在线实例