【发布时间】:2013-09-02 21:42:33
【问题描述】:
我开发了一个 jquery 移动网络应用程序,它在个人电脑和一些移动设备上运行良好。 现在我在 blackberry z10 和 ipad mini 上对其进行了测试,但该应用无法在这些设备上运行。
我在其中发现了一个示例应用程序(下面的代码),原因是对 localStorage 的访问。
如果我删除带有 set 的行或可以访问 localStorage 的行,它可以正常工作。
错误:我无法更改具有 localStorage 访问权限的页面。 没有线...
localStorage.setItem("test", "testal");
...它有效。
代码:
<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<script type="text/javascript" src="/modernizr.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div data-role="page" data-theme="c">
<div data-role="header" data-theme="c">
<h1>Header</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Menü</li>
<li><a href="#" onclick="next()" data-transition="slide">Example</a></li>
</ul>
</div>
</div>
<div data-role="page" data-theme="c" id="runde">
<div data-role="header" data-theme="c">
<h1>Header 2</h1>
</div>
<div data-role="content">
<h1>Page 2</h1>
</div>
</div>
</body>
<script type="application/javascript">
function next() {
localStorage.setItem("test", "testal");
$.mobile.changePage( "#runde", { transition: "slide" });
}
</script>
</html>
【问题讨论】:
标签: jquery html jquery-mobile local-storage