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"?> <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>頁(yè)眉文本</h1> ??</div> ??<div?data-role="main"?class="ui-content"> ????<p>如果您點(diǎn)擊我,我會(huì)消失。</p> ????<p>點(diǎn)擊我,我會(huì)消失。</p> ????<p>點(diǎn)擊我,我也會(huì)消失。</p> ??</div> ??<div?data-role="footer"> ????<h1>頁(yè)腳文本</h1> ??</div> </div>? </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例