我有page1这是index.html,它是一个自包含的网站,包括标题和脚本等.我在此页面上有一个按钮,单击该按钮将通过ajax加载page2并将page2插入page1.Page2只是div data-role ="page"和html,它不是一个独立的页面.但是,url更改为page2.html然后如果我"刷新"页面它不会加载完整的页面,因为page2不是一个完整的页面,它只是被注入page1.
我尝试设置data-url ="index.html&dashboard"(仪表板是第2页的主要ID),在这种情况下,url看起来是正确的,因为它仍然是index.html和仪表板,所以即使你在第2页,页面刷新也会重新加载page1.但是现在,jquery一直惊慌失措并永远坐在加载屏幕上,因为它无法找到"仪表板",因为该内容仅在用户点击按钮后添加.
我该如何解决这个问题？
谢谢.
page1 index.html
<!DOCTYPE HTML>
<html>
<head>
<title>title</title>
<script><script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.mobile.js"></script>
<script type="text/javascript" charset="utf-8" src="js/global.js"></script>
<script type="text/javascript" charset="utf-8" src="js/login.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.mobile.js"></script>
<script type="text/javascript" charset="utf-8" src="js/login.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="header" data-theme="b">
<h1>Login</h1>
</div> …