JqueryMobile页面跳转传值

来源：互联网发布：mysql中的触发器编辑：程序博客网时间：2024/05/21 19:22

由于E文有限，网上资料没有系统讲解

经过一天的研究和学习终于实现了在JqueryMobile页面跳转的时候根据URL传值的问题

<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试</title><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"><link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.min.css" /><script src="jquery.mobile/jquery-1.7.2.min"></script><script src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script><script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script></head><body><div data-role="page"><div data-role="header"><h1>header</h1></div><div data-role="content"> <a href="#main?id=34" data-role="button"> 跳转</a>  </div><div data-role="footer"><h1>footer</h1></div></div><!-- test PAGE --><div data-role="page" id="main"><div data-role="header"><h1>header</h1></div><div data-role="content"><script>$(document).bind('pagebeforechange',function(e,data,options){       if (typeof data.toPage !== "string"){          return;      }     var params = getUrlParam(data.toPage);    alert( params.id);  });  function getUrlParam(string) {      var obj = {};      if (string.indexOf("?") != -1) { var string = string.substr(string.indexOf("?") + 1);          var strs = string.split("&");          for(var i = 0; i < strs.length; i ++) {                      var tempArr = strs[i].split("=");             obj[tempArr[0]] = unescape(tempArr[1]);          }      }         return obj;  }  </script> <div> <ul>......</ul> </div>   </div><div data-role="footer"><h1>footer</h1></div></div></body></html>