Question

我一直在尝试获取一个脚本，在文章的第一段和第二段之后插入一段文本，以便在jQueryMobile中工作。它适用于第一个页面加载，但第二个加载内容两次，第三次加载三次，依此类推。

jQueryMobile库和我的脚本加载到头部：

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="myscript.js">
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />

然后我

<body id="mobile">
<div id="wrapper" data-role="page">

然后是页面的内容

我的脚本在jquerymobile.com上以documented执行

$("#wrapper").live('pageinit', function() {

我错过了什么吗？任何帮助都将深表感谢。

Answer 1

尝试添加data-dom-cache =“false”它应该看起来像这样

<body id="mobile">
<div id="wrapper" data-role="page" data-dom-cache="false">

Answer 2

作为Clarence commented，更好的解决方案是将<script>标记移到<div>之外data-role="page"

<body id="mobile">
  <div id="wrapper" data-role="page">
    <!-- stuff -->
  </div>
  <script>
    $("#wrapper").live('pageinit', function() {
      // more stuff
    });
  </script>
</body>

jQuery Mobile脚本在每个页面加载时运行两次

2 个答案: