Question

首先，抱歉我的英语:)
我正在尝试学习jQuery Mobile，我有一个问题。我构建了以下两页的简单示例。

第一个例子：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile- 1.4.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="script/app.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js">   </script>
</head>
<body>
    <div data-role="page" id="index">
         <div role="main" class="ui-content">
             <ul data-role="listview">
                 <li><a href="views/hello.html" ><h3>Hello Stack Overflow!</h3></a></li>
             </ul>
         </div>
    </div>
</body>
</html>

第二个例子：

<div data-role="page" id="hello">
     <div role="main" class="ui-content">
         <h3>I'm a begginer:), but...</h3>
         <div id="test">:(</div>
     </div>
</div>

最后我有一个包含动态操作Dom

的app.js

$(document).on("pagebeforecreate", '#hello',  function( event ) {
    $("#test").html("Let's Rock with jQuery Mobile");
});

一切都很好，但是当我在浏览器中重新加载hello.html时，我丢失了脚本和框架，我什么都没收到。
我试图找到导致此问题的原因，但我能找到的唯一解决方案是使用多页技术和#来防止此问题。
很多时候，我看到很少有这样做的例子，他们从头开始重新加载主Dom 因此，如果我想在不丢失动态内容的情况下重新加载当前的“hello.html”页面，我应该使用什么？也许使用store.js存储当前var状态以进行javascript调用？

我有点困惑。有什么建议吗？

jQuery Mobile重新加载当前页面（F5）[单页面应用程序]

0 个答案: