今天遇到了jmobile中綁定事件的問(wèn)題,

成都創(chuàng)新互聯(lián)是一家集成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站頁(yè)面設(shè)計(jì)、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專(zhuān)業(yè)網(wǎng)絡(luò)公司，已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗(yàn),以探求精品塑造與理念升華,設(shè)計(jì)最適合用戶(hù)的網(wǎng)站頁(yè)面。 合作只是第一步，服務(wù)才是根本,我們始終堅(jiān)持講誠(chéng)信，負(fù)責(zé)任的原則，為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶(hù)在蓬勃發(fā)展的市場(chǎng)環(huán)境中,互促共生。

參考:http://liyunpeng.iteye.com/blog/1964165

對(duì)頁(yè)面中的綁定事件有了大概了解,不過(guò)這篇帖子年代久遠(yuǎn),很多不是很詳細(xì),特此記錄.

首先查到j(luò)mobile中的所有可以用.on()動(dòng)態(tài)綁定的所有事件,

詳情參考:http://www.runoob.com/jquerymobile/jquerymobile-ref-events.html

按以前的理解照抄,結(jié)果死活出不來(lái)效果,認(rèn)真查看示例發(fā)現(xiàn)需要加"pageinit"事件

$(document).on("pageinit","#pageone",function(){
  $("p").on("tap",function(){
    $(this).hide();
  });                       
});

大概解釋一下這幾句代碼,on的使用方式和jqeury一樣,中間的參數(shù)是子集選擇器,和jquery不一樣的是,單擊事件名字成了tap(敲擊),還有個(gè)vclick(虛擬化的 click 事件處理器),親測(cè)這2個(gè)事件效果是一樣,還有如下

scrollstart	當(dāng)用戶(hù)開(kāi)始滾動(dòng)頁(yè)面時(shí)觸發(fā)。
scrollstop	當(dāng)用戶(hù)停止?jié)L動(dòng)頁(yè)面時(shí)觸發(fā)。
swipe	當(dāng)用戶(hù)在元素上水平滑動(dòng)時(shí)觸發(fā)。
swipeleft	當(dāng)用戶(hù)從左劃過(guò)元素超過(guò) 30px 時(shí)觸發(fā)。
swiperight	當(dāng)用戶(hù)從右劃過(guò)元素超過(guò) 30px 時(shí)觸發(fā)。
tap	當(dāng)用戶(hù)敲擊某元素時(shí)觸發(fā)。
taphold	當(dāng)元素敲擊某元素并保持一秒時(shí)觸發(fā)。
throttledresize	啟用可標(biāo)記 #hash 歷史記錄
updatelayout	由動(dòng)態(tài)顯示/隱藏內(nèi)容的 jQuery Mobile 組件觸發(fā)。
vclick	虛擬化的 click 事件處理器
vmousecancel	虛擬化的 mousecancel 事件處理器
vmousedown	虛擬化的 mousedown 事件處理器
vmousemove	虛擬化的 mousemove 事件處理器
vmouseout	虛擬化的 mouseout 事件處理器
vmouseover	虛擬化的 mouseover 事件處理器
vmouseup	虛擬化的 mouseup 事件處理器

現(xiàn)在好了,可以完成自己的想法了;可是問(wèn)題又來(lái)了,在有些時(shí)候會(huì)發(fā)現(xiàn)單擊事件會(huì)觸發(fā)2次....繼續(xù)度娘,發(fā)現(xiàn)相同的情況好多,主要原因是頁(yè)面初始化事件么有解綁定,與on對(duì)應(yīng)的是off事件

參考:http://bbs.csdn.net/topics/390499499   完美解決

$(document).on("pageinit","#pageone",function(){
  $("p").on("tap",function(){
    $(this).hide();
  });                       
}).on("pageinit", "#page2", initPage2);

 

function initPage2(event) {

       $(document).off('pageinit', '#page2', initPage2);

        //在第二個(gè)頁(yè)面需要綁定的事件代碼

       alert("page2 init" + event.target.baseURI);

};

PS:在查閱相關(guān)文檔時(shí)發(fā)現(xiàn)個(gè)jmobile獨(dú)有的選擇器:jqmData,可以這樣用

alert( $(":jqmData(role='content')").length)

最后一句,充分說(shuō)明:我們不生產(chǎn)代碼,只是谷歌(被墻以后現(xiàn)在是度娘)的搬運(yùn)工~~

網(wǎng)站題目：JqueryMobile中綁定事件
文章鏈接：http://www.chinadenli.net/article8/jsgoop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)站策劃、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、企業(yè)建站、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)