2011-12-01 139 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. 希望这有助于!

相关问题