É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>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>点击我，我也会消失。</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