Acara = tindakan tindak balas untuk semua pelawat yang berbeza ke halaman.
acara mudah alih jQuery sintaks
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 jQuery contoh
<!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