2

当我单击页面上的链接时，URL 会更新，并且我看到正确的页面内容会瞬间闪烁，然后上一页面的内容就会生效。这似乎只在我使用 data-transition 属性时发生。在 Chrome 仿真模式或使用 Xcode 仿真器时都会出现同样的问题。

在 Chrome 的控制台中，我在 push.js 的第 373 行得到了这个 Uncaught TypeError

我将两页精简为基础知识以尝试排除故障，并将其中一页粘贴在下面。（第二页是相同的，只是链接到带有差异文本的 one.html）

知道为什么上一页内容会重新加载吗？（正如我所说的 URL 更新——刷新显示正确的内容）

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test one</title>

    <!-- Sets initial viewport load and disables zooming  -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

    <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Include the compiled Ratchet CSS -->
    <link href="css/ratchet.css" rel="stylesheet">

    <!-- Include the compiled Ratchet JS -->
    <script src="js/ratchet.js"></script>
    <script src="js/push.js"></script>
  </head>
  <body>

  <header class="bar bar-nav">
    <h1 class="title">one</h1>
  </header>

  <div class="content">
<a href="two.html" data-transition="slide-in">go to two</a>
  </div>
  </body>
</html>
4

0 回答 0