pjax示例不起作用

时间:2016-01-13 09:47:27

标签: jquery pjax plunker

你能帮忙找出为什么pjax无法正常工作吗?

below

点击链接后,它只会转到页面(作为普通链接)

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
    <script src="https://raw.githubusercontent.com/defunkt/jquery-pjax/master/jquery.pjax.js"></script>

  </head>

  <body>
    <h1>Hello Plunker!</h1>
     <div class="container" id="pjax-container">
            Go to <a href="bla.html">next page</a>.
            </div>
  </body>
<script>
$(document).ready(function(){
  $(document).pjax('a', '#pjax-container')
});
</script>
</html>

1 个答案:

答案 0 :(得分:0)

你必须将你的pjax容器放在bla.html页面中,如下所示:

<div class="container" id="pjax-container"> Go to <a href="bla.html">next page</a>. </div>

它现在可以使用了。