jQuery Mobile 事件

2018-02-03 15:38 更新

jQuery Mobile 事件

在jQuery Mobile中提供了豐富的事件處理機(jī)制,可以使得開(kāi)發(fā)者很好的處理相應(yīng)的事件,節(jié)約了時(shí)間。

事件 = 所有不同訪(fǎng)問(wèn)者訪(fǎng)問(wèn)頁(yè)面的響應(yīng)動(dòng)作。


jQuery Mobile 事件

在jQuery Mobile你可以使用任何標(biāo)準(zhǔn)的 jQuery 事件 。

除此之外, jQuery Mobile 也提供了針對(duì)移動(dòng)端瀏覽器的事件:

  • 觸摸事件 - 當(dāng)用戶(hù)觸摸屏幕時(shí)觸發(fā)
  • 滑動(dòng)事件 - 當(dāng)用戶(hù)上下滑動(dòng)時(shí)觸發(fā)
  • 定位事件 - 當(dāng)設(shè)備水平或垂直翻轉(zhuǎn)時(shí)觸發(fā)
  • 頁(yè)面事件 - 當(dāng)頁(yè)面顯示,隱藏,創(chuàng)建,加載或未加載時(shí)觸發(fā)

初始化 jQuery Mobile 事件

在學(xué)習(xí)jQuery時(shí)我們學(xué)到了用$(document).ready()來(lái)使你的jQuery代碼腳本在DOM元素加載完成后才開(kāi)始執(zhí)行:

jQuery document ready 事件

<script>
$(document).ready(function(){

   // jQuery methods go here...

});
</script>

嘗試一下 ?

但是,在 jQuery Mobile 中, 使用pageinit 事件來(lái)設(shè)置代碼腳本在DOM元素加載完成后開(kāi)始執(zhí)行,所以要在任何新頁(yè)面加載并創(chuàng)建是執(zhí)行腳本,就需要綁定pageinit事件。

第二個(gè)參數(shù) ("#pageone")為指定事件的頁(yè)面id:

jQuery Mobile pageinit 事件

<script>
$(document).on("pageinit","#pageone",function(){

   // jQuery events go here...

});
</script>

嘗試一下 ?

lamp  注意: jQuery on() 方法用于綁定事件到選中的元素上。

下一章節(jié)我們將更詳細(xì)介紹 jQuery Mobile 事件。

以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)