acara mudah alih jQuery


  Hasil terjemahan：

Acara = tindakan tindak balas untuk semua pelawat yang berbeza ke halaman.

acara mudah alih jQuerysintaks

Dalam jQuery Mobile anda boleh menggunakan sebarang acara jQuery standard.

Selain itu, jQuery Mobile juga menyediakan acara untuk penyemak imbas mudah alih:

Acara sentuh - dicetuskan apabila pengguna menyentuh skrin

Acara gelongsor - dicetuskan apabila pengguna meluncur ke atas dan ke bawah

Acara kedudukan - apabila peranti mendatar Atau dicetuskan apabila diselak secara menegak

Acara halaman - dicetuskan apabila halaman dipaparkan, disembunyikan, dibuat, dimuatkan atau tidak dimuatkan

acara mudah alih jQuerycontoh

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

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian

Cadangan popular

Rumah

video

Soal Jawab

serahkan