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