jQueryモバイルイベント
翻訳結果:
イベント = ページへのすべての異なる訪問者に対する応答アクション。
jQueryモバイルイベント構文
jQuery Mobile では、標準の jQuery イベントを使用できます。
さらに、jQuery Mobile はモバイル ブラウザー用のイベントも提供します。
タッチ イベント - ユーザーが画面に触れたときにトリガーされます。
スライディング イベント - ユーザーが画面に触れたときにトリガーされます。上または下にスワイプします
位置決めイベント - デバイスが水平または垂直に反転されたときにトリガーされます。
ページ イベント - ページが表示されたとき、非表示になったとき、作成されたとき、読み込まれたとき、または読み込まれていないときにトリガーされます。
p>
jQueryモバイルイベント例
<!DOCTYPE html> <html> <頭> <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> <スクリプト> $(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>
运行实例 »
点击 "运行实例" 按钮查看在線实例