javascript - 当我重新加载页面时，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] 标记是另一种想法。