jquery 当我重新加载页面时 pjax 不工作。页眉其他男孩内容不见了

Question

我在使用 https://github.com/defunkt/jquery-pjax 时遇到问题，一切正常。但是导航其他部分并重新加载后出现问题这是以下代码库。 index.html 下面的代码

<h1>My Site</h1>
   <div class="navcont">
       Go to <a class="click" href="one-tpl.html">one</a>
       Go to <a class="click" href="two-tpl.html">two</a>
       Go to <a class="click" href="three-tpl.html">two</a> 
   </div>
<div class="container" id="pjax-container"></div>

这是我的 js 代码

$(document).pjax('a.click', '#pjax-container', { 
    timeout: 3000
});

但是当我浏览 "two-tpl.html" 并重新加载页面时，h1、div.navcont 消失了。我将如何解决这个问题。

Answer 1

你的js代码中pjax()方法(#pjax-container)的第二个参数是页面重定向后显示内容的部分，所以你必须把你的div.navcont放到# pjax-container 如果你想显示它。

<div class="container" id="pjax-container">

    <h1>My Site</h1>
    <div class="navcont">
        Go to <a class="click" href="one-tpl.html">one</a>
        Go to <a class="click" href="two-tpl.html">two</a>
        Go to <a class="click" href="three-tpl.html">two</a> 
    </div>

</div>

顺便说一下，将#pjax-container ID 添加到页面的 [body] 标记是另一种想法。

jquery 当我重新加载页面时 pjax 不工作。页眉其他男孩内容不见了

jquery pjax not working when I reload the page. Head footer other boy content gone

html

javascript

css

jquery

pjax