pjax不工作
pjax不工作
提问于 2013-03-26 18:11:42
我的pjax有点问题。
我在https://github.com/defunkt/jquery-pjax下载了最新的pjax
然后我编写代码作为演示，但它不起作用。the main.html
<!DOCTYPE html>
<html>
<head>
<title>main.html</title>
<script type="text/javascript" src="../js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../js/jquery/plugin/jquery.pjax.js"></script>
<script>
$(function(){
$(window.document).pjax('a', '#pjax-container')
});
</script>
</head>
<body>
<h1>My Site</h1>
<div class="container" id="pjax-container">
Go to <a href="MyHtml.html">next page</a>.
</div>
</body>
</html>并且MyHtml.html如下所示
<!DOCTYPE html>
<html lang="en">
<head>
<title>MyHtml.html</title>
</head>
<body>
This is my HTML page. <br>
</body>
</html>当我点击这个链接时，它会直接转发到MyHtml.html。我的代码有什么问题吗？
我可以确定pjax已经做了些什么，当我点击后退按钮到main.html时，它会回到我在main.html之前使用的另一个页面。
回答 1
Stack Overflow用户
发布于 2013-04-03 06:49:55
由于您使用的是静态HTML页面，因此需要fragment选项。您的pjax配置应该是：
$(function() {
$(document).pjax('a', '#pjax-container', {
fragment: '#pjax-container',
timeout: 3000
});
});此外，您的所有页面都需要有类似的标记，只有#pjax-container的内容不同。#pjax-container的内容应该是页面之间唯一变化的内容。您的MyHtml.html页面可能应该是：
<!DOCTYPE html>
<html lang="en">
<head>
<title>MyHtml.html</title>
<script type="text/javascript" src="../js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../js/jquery/plugin/jquery.pjax.js"></script>
<script>
$(function() {
$(document).pjax('a', '#pjax-container', {
fragment: '#pjax-container',
timeout: 3000
});
});
</script>
</head>
<body>
<h1>My Site</h1>
<div id="pjax-container">
This is my HTML page. <br />
Go to the <a href="main.html">main page</a>
</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15634373
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号