événement = action de réponse pour tous les différents visiteurs de la page.
événements jQuery Mobile syntaxe
Dans jQuery Mobile, vous pouvez utiliser n'importe quel événement jQuery standard.
De plus, jQuery Mobile propose également des événements pour les navigateurs mobiles?:
événements tactiles - déclenchés lorsque l'utilisateur touche l'écran
événements coulissants - déclenchés lorsque l'utilisateur glisse de haut en bas
événements de positionnement - lorsque l'appareil est horizontal Ou déclenché lorsqu'il est retourné verticalement
événements de page - déclenchés lorsque la page est affichée, masquée, créée, chargée ou non chargée
événements jQuery Mobile exemple
<!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>如果您點(diǎn)擊我,我會消失。</p> <p>點(diǎn)擊我,我會消失。</p> <p>點(diǎn)擊我,我也會消失。</p> </div> <div data-role="footer"> <h1>頁腳文本</h1> </div> </div> </body> </html>
Exécuter l'instance ?
Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne