Latest web development tutorials

jQueryのモバイルpageshowのイベント

jQueryのモバイルイベント jQueryのモバイルイベント

ページがポップアップメッセージを切り替えた後に表示された後:

$(document).on("pageshow","#pagetwo",function(){
alert("pageshow 事件触发 - 展示页面二");
});

»をお試しください

定義と使用法

ページの後pageshowのイベントは、スイッチトリガ後に表示されます。

関連イベント:

  • pagebeforeshow -スイッチトリガ・イベントの後にページを表示する前に。
  • pagebeforehide -ページ隠されたトリガ・イベントの後、古いページを切り替える前に。
  • pagehide -ページ後のページは古い隠しトリガ・イベントを切り替えた後。

注意:このイベントは、ときにページ遷移開始/終了トリガされます。


文法

jQueryのモバイル内のすべてのページ内のトリガ・イベント:

$("document").on("pageshow",function(event){...}) 尝试一下

指定されたイベントのページをトリガーします:

$("document").on("pageshow"," page ",function(event,data){...}) 尝试一下

参数 描述
function(event,data) 必须。指定 pageshow 事件触发时执行的函数。

该函数含有以下两个参数:

  • 事件对象 - 包括任何jQuery事件属性 ( event.target, event.type 等) 。更多信息请查阅 jQuery 事件参考手册
  • 数据对象 - 包含属性 nextPage, 要返回的过渡页面。
page 可选。 指定 pagebeforehide 事件触发时指向的页面id。 内部页面, 请使用 #id 。外部页面,请使用 externalfile.html


例

より多くの例

関連イベントが実証しています。
この例ではpagebeforeshow、pageshowの、pagebeforehide pagehideを実証し、イベントをトリガします。

イベントオブジェクト
event.type垂直リターン・トリガ・イベント・タイプを使用してください。

データオブジェクト
前のページに戻るにはprevPageプロパティを使用します。


jQueryのモバイルイベント jQueryのモバイルイベント