檢測jQuery Mobile上的更改頁面

當我用.changePage()函數更改頁面時，如何執行代碼？檢測jQuery Mobile上的更改頁面

例如我用這個代碼：

$.mobile.changePage("index.html#pageTwo");

當pageTwo加載我想這樣做：

alert("Test");

來源

2014-05-02 Sinan Samet

有許多事件，你正在使用哪個版本？ – Omar

我正在使用版本1.4.2 –

請檢查此jqmtricks.wordpress.com/2014/03/26/jquery-mobile-page-events/ – Omar

在你<頭> .. < /頭「把這個：

 

// Jquery loaded here 

<script> 
    $(document).on("pageshow","#pageTwo", function() { 
     alert("Test"); 
    } 
</script> 

// jquery mobile loaded here

注：

上面的代碼必須放置在加載Jquery之後並加載jquery mobile之前。
上面的代碼示例假設您的index.html頁包含一個div的數據角色至少屬性=「頁面」和id =「pageTwo」：

< DIV數據角色= 「頁」 ID = 「pageTwo」>這是兩頁的內容</DIV>
jQuery Mobile的只解析在<頭/使用什麼> .. < /頭「的第一頁第一個被加載！爲了確保所有在您的移動網站的所有網頁所需要的代碼的加載，無論其在第一次用戶登陸頁面，你應該結構中所有的網頁是這樣的：

 
    <html> 
    <head> 
     <script src="path/to/jquery.js"> // load jquery 
     <script src="path/to/common.js"> // all jquery mobile page event bindings are placed in here 
     <script src="path/to/jquery_mobile.js"> // load jquery mobile 
    </head> 
    <body> 

    <div data-role="page" id="pageOne"> This is page one content </div> 

    <div data-role="page" id="pageTwo"> This is page two content </div> 

    </body> 
    </html>

來源

2014-05-02 14:49:06 Drew

'mobileinit'只能放在JQM之前。其餘的應該在JQM之後加載。請注意''pageshow'以及頁面事件從1.4開始已棄用;） – Omar

@omar好點。這是我在JQM 1.3.1中使用的結構，它的工作原理沒有錯誤。 – Drew

檢測jQuery Mobile上的更改頁面

回答

相關問題