使用 jquery mobile 在页面之间传递参数 [英] Pass parameter between pages using jquery mobile
本文介绍了使用 jquery mobile 在页面之间传递参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在 jquery mobile 中在页面之间传递参数的正确方法是什么.在jquery mobile的Q&A中,对插件有一些建议.是强制性的吗?请告诉我正确的方法.没有一个具体的答案.我必须为页面中的所有链接传递参数.
http://view.jquerymobile.com/master/demos/faq/pass-query-params-to-page.php
解决方案
页面转换之间的数据/参数操作
可以在页面转换期间将参数从一个页面发送到另一个页面.可以通过几种方式完成.
参考:https://stackoverflow.com/a/13932240/1848600
解决方案 1:
您可以使用 changePage 传递值:
$.mobile.changePage('page2.html', { dataUrl : "page2.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : true, changeHash : true});
并像这样阅读它们:
$(document).on('pagebeforeshow', "#index", function (event, data) {var 参数 = $(this).data("url").split("?")[1];;parameter = parameters.replace("parameter=","");警报(参数);});
[示例][3]:
index.html
<头><meta charset="utf-8"/><meta name="viewport" content="widdiv=device-widdiv, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><标题><link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"/><script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"><script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script><脚本>$(document).on('pagebeforeshow', "#index",function () {$(document).on('click', "#changePage",function () {$.mobile.changePage('second.html', { dataUrl : "second.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : false, changeHash : true });});});$(document).on('pagebeforeshow', "#second",function () {var 参数 = $(this).data("url").split("?")[1];;parameter = parameters.replace("parameter=","");警报(参数);});头部><身体><!-- 主页--><div data-role="page" id="index"><div data-role="header"><h3>第一页
<div data-role="内容"><a data-role="button" id="changePage">Test</a>
<!--内容--></div><!--page-->