イベント = ページへのすべての異なる訪問者に対する応答アクション。
jQueryモバイルイベント 構(gòu)文
jQuery Mobile では、標(biāo)準(zhǔn)の jQuery イベントを使用できます。
さらに、jQuery Mobile はモバイル ブラウザー用のイベントも提供します。
タッチ イベント - ユーザーが畫面に觸れたときにトリガーされます。
スライディング イベント - ユーザーが畫面に觸れたときにトリガーされます。上または下にスワイプします
位置決めイベント - デバイスが水平または垂直に反転されたときにトリガーされます。
ページ イベント - ページが表示されたとき、非表示になったとき、作成されたとき、読み込まれたとき、または読み込まれていないときにトリガーされます。
p>
jQueryモバイルイベント 例
<!DOCTYPE html> <html> <頭> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" > <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> <スクリプト> $(document).on("pagecreate","#pageone",function(){ $("p").on("クリック",function(){ $(this).hide(); }); }); </スクリプト> </head> <本體> <div data-role="page" id="pageone"> <div data-role="ヘッダー"> <h1>頁眉文本</h1> </div> <div data-role="main" class="ui-content"> <p>もしポイントがあれば、私は消えます。 <p>點擊我、我消滅。</p> <p>點擊我、我も消滅する可能性があります。</p> </div> <div data-role="フッター"> <h1>頁腳文本</h1> </div> </div> </ボディ> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例