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>

运行实例 »

点击 "运行实例" 按钮查看在線实例

人気のおすすめ

ホームページ

動画

に質問