jQueryのモバイルページイベント
jQueryのモバイルページイベント
扱うjQueryのモバイルページでのイベントは、4つのカテゴリに分類されます。
- ページの初期化 - ページが作成されたときにページが作成される前に、初期化後のページ
- ページのロード/アンロード - 外部ページの読み込みは、アンロード時や最初に失敗したとき
- ページ遷移 - 前後のページ遷移
- ページが変更され、または顔の故障 - ページの変更
すべてのイベントのjQueryモバイルの詳細については、私たちをご覧くださいjQueryのモバイルイベントマニュアル 。
jQueryのモバイル初期化イベント
jQueryのモバイルは、典型的なページに初期化されると、それは3段階を通過します。
- ページ作成の前に
- ページ作成
- ページの初期化
イベントトリガーは、操作コードまたは挿入の各段階で使用することができます。
| イベント | 説明 |
|---|---|
| pagebeforecreate | ときにページが初期化しようとしている、とjQueryモバイル強化ページの前にイベントをトリガーするために始めています。 |
| pagecreate | ページが作成されたときが、機能拡張が完了する前に、イベントをトリガしました。 |
| pageinit | ページが初期化されるときのjQueryモバイル強化ページが完了した後、および、イベントをトリガします。 |
あなたがページを作成するときは、次の例では、各イベントをトリガするときに、jQueryのモバイルを示しています。
例
$（ドキュメント）.on（ "pagebeforecreate」、関数（イベント）{
警告（「pagebeforecreateイベントトリガー！ "）;
}）;
$（ドキュメント）.on（ "pagecreate」、関数（イベント）{
警告（「pagecreateイベントトリガー！ "）;
}）;
警告（「pagebeforecreateイベントトリガー！ "）;
}）;
$（ドキュメント）.on（ "pagecreate」、関数（イベント）{
警告（「pagecreateイベントトリガー！ "）;
}）;
»をお試しください
jQueryのモバイルLoadイベント
ページのloadイベントは外部ページに属しています。
たびに外部のページの読み込みDOM、2つのイベントがトリガされます。 第1は、第二は、pageload（成功）またはpageloadfailed（故障）で、pagebeforeloadです。
次の表は、これらのイベントについて説明します。
| イベント | 説明 |
|---|---|
| pagebeforeload | トリガをロードするページに対するすべての要求の前に。 |
| pageload | ページが正常にロードされたとDOMがトリガ挿入しました。 |
| pageloadfailed | ページのロード要求が失敗した場合、イベントがトリガされます。 デフォルトでは、「読み込みエラーページ」のメッセージが表示されます。 |
次のプレゼンテーションpageloadとpagloadfailedイベントが動作します。
例
$(document).on("pageload",function(event,data){
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
»をお試しください
jQueryのモバイル遷移イベント
また、1から次への遷移時のイベントを使用することができます。
2ページ含むページ遷移：「へ」のページと「行く」のページ - これらの遷移は新しいページに現在アクティブなページ（「へ」のページを）作る（コースページになり変更」に進んでください。」よりダイナミックな。
| イベント | 説明 |
|---|---|
| pagebeforeshow | トランジションアニメーションが始まる前に「行く」ページでトリガ。 |
| pageshowの | トランジションアニメーションが完了した後、画面のトリガを「行く」で。 |
| pagebeforehide | 」を「トリガーページでは、前にトランジションアニメーションが開始されます。 |
| pagehide | 「へ」の画面トリガでは、トランジションアニメーションが完了した後。 |
以下は、遷移時間の原則を示しています。
例
$(document).on("pagebeforeshow","#pagetwo",function(){ //当进入页面二时
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
»をお試しください