jQuery Mobile events


  Translation results：

Event = response action for all different visitors to the page.

jQuery Mobile eventssyntax

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 eventsexample

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

Popular Recommendations

Home

Videos

Q&A

submit