当我重新加载页面时,jquery pjax无法正常工作。页脚其他男孩内容消失了

时间:2016-01-23 04:45:03

标签: javascript jquery html css pjax

当我使用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就消失了。我将如何解决这个问题。

1 个答案:

答案 0 :(得分:0)

js代码中pjax()方法(#pjax-container)的第二个参数是页面的一部分,它的内容将在重定向后显示,因此你必须将你的div.navcont放入#pjax-container中你希望它显示出来。

<?php
include 'database/db.php';

$id = $_GET['id'];

$staffResponse = $_POST['staffResponse'];

$sql = "INSERT INTO tickets (staffResponse) VALUES ('$staffResponse') WHERE id='$id'";
$result = mysqli_query($connection, $sql);

if ($result === TRUE) {
echo '<p>Response ' . $staffResponse . ', has been added</p>';
}
else {
echo '<p class="warning">Unable to respond</p>';
}

?>

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