2013年11月28日 星期四

jquery mobile 切換頁面到html檔無法執行javascript

參考1: http://www.jqmobile.org/thread-254-1-1.html
參考2: http://liuwenxin.blog.51cto.com/4436000/1032260

問題:用a標記的href鏈接跳轉到目的頁面時,綁定的$(document).ready()不執行,需要刷新頁面才能執行?
解決:jquery mobile頁面跳轉是ajax跳轉,所以$(document).ready()是不執行的,如果想用a標記跳轉過來執行一些函數的話有兩種方法:
(1).用js的window.location.href=url跳轉,或者在a標記裡寫rel="external",這樣頁面就脫離了jquery mobile框架,到了一個新的頁面;
(2).給目的頁面的page加一個id,例如:indexPage,給indexPage綁定pageinit事件,$('#indexPage').live('pageinit',function(event){});就可以了,其實jquery mobile頁面的跳轉就是不同page直接的切換

法1: 如果你原本的超連結標籤是寫成<a href="news.htm" >最新消息</a> 當去點選此連結時,切換到news.htm時,它是不會執行javascript的程式碼,必須在標籤上多加上rel="external"寫法如下  <a href="news.htm" rel="external">最新消息</a>

沒有留言:

張貼留言