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