2011-12-01 138 views
2

我目前正在使用表單來導航並將表單參數從一個頁面傳遞到另一個頁面並通過查詢字符串。jQuery手機將參數從一個頁面傳遞到另一個頁面

FirstPage表單代碼

<form name="input" action="new_page.html" method="get"> 
Username: <input type="text" name="user" /> 
<input type="submit" value="Submit" /> 
</form> 

在新的頁面,我試圖讓使用document.URL查詢字符串值。當舊頁面指向新頁面時,只會執行新頁面的正文內容。腳本文件不會在新頁面中執行。因此,我無法獲取新頁面中的查詢字符串值。

將參數從一個頁面傳遞到另一個頁面的過程對於普通的HTML頁面非常適用,但在jQuery Mobile的情況下不起作用。

任何人都可以建議我一個更好的方式,從一個jQuery Mobile頁面傳遞參數到另一個。任何幫助表示讚賞。

回答

1

關於你的腳本,當您更改頁面不執行:jQueryMobile page events not firing when navigating to a different html page

jQuery Mobile的使用AJAX來拉新頁的進DOM,這是一件好事,你必須習慣創建jQuery Mobile的網站。這意味着應該在document.readywindow.load上運行的代碼應該綁定到其他事件,例如:pagecreatepageshow,pageinit。這裏是關於事件的jQuery Mobile的文檔(這可以非常有啓發性):http://jquerymobile.com/demos/1.0/docs/api/events.html(請注意,頁面事件從一半左右開始)。

0

關於在JQM中傳遞查詢字符串參數,請查看代碼示例的my previous answer

希望這會有所幫助!

0

如果你從一個jquery移動頁面重定向,新頁面使用ajax加載,所以新頁面的JS將無法使用$(document).ready();

$(document).ready(function(){ 
     //your awesome JS here won't work! 
}); 

所以用這個來代替:

$(document).bind('pageinit',function(event){ 
     //the same JS here will work! 

}); 

現在你應該JS工作(至少爲我做的!)。 欲瞭解更多信息請致here. 希望這有助於!

相關問題