Heim > Fragen und Antworten > Hauptteil
我想点击导航栏的标题进行pjax跳转 如果每次都先点击相册就能进行pjax刷新 但是如果先点主页其他的 都是F5的效果 知道点到相册才是pjax 这到底是怎么回事呢
这是每个页面的公共部分 我独立了出来 也就是导航栏
![图片上传中...]
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>个人博客</title>
<meta name="keywords" content="个人博客" />
<meta name="description" content="" />
<link rel="stylesheet" href="<?php echo PUB?>/home/css/index.css"/>
<link rel="stylesheet" href="<?php echo PUB?>/home/css/style.css"/>
<script type="text/javascript" src="<?php echo PUB?>/admin/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="<?php echo PUB?>/admin/js/pjax.js"></script>
<script type="text/javascript" src="<?php echo PUB?>/home/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="<?php echo PUB?>/home/js/common.js"></script>
<script type="text/javascript" src="<?php echo PUB?>/home/js/waterfall.js" ></script>
<script type="text/javascript" language="javascript">
$(function() {
$(document).pjax('a[target!=_blank]', '#content', {fragment:'#content', timeout:6000}); //这是a标签的pjax。#content 表示执行pjax后会发生变化的id,改成你主题的内容主体id或class。timeout是pjax响应时间限制,如果在设定时间内未响应就执行页面转跳,可自由设置。
});
</script>
<!--[if lt IE 9]>
<script src="{$smarty.const.URL_JS}html5.js"></script>
<![endif]-->
</head>
<body>
<!--header start-->
<p id="header">
<h1>个人博客</h1>
<p>青春是打开了,就合不上的书。人生是踏上了,就回不了头的路,爱情是扔出了,就收不回的赌注。</p>
</p>
<!--header end-->
<!--nav-->
<p id="nav">
<ul>
<li><a href="<?php echo site_url('home/indexc/index')?>">首页</a></li>
<li><a href="<?php echo site_url('home/indexc/riji')?>">个人日记</a></li>
<li><a href="<?php echo site_url('home/indexc/xc')?>">相册展示</a></li>
<li><a href="<?php echo site_url('home/indexc/learn')?>">学无止境</a></li>
<li><a href="<?php echo site_url('home/indexc/guestbook')?>">留言板</a></li>
<li><a href="<?php echo site_url('home/indexc/about')?>">关于我</a></li>
<p class="clear"></p>
</ul>
</p>
这是其中一个页面
<?php
$this->load->view('home/top.php')
?>
<!--nav end-->
<!--content start-->
<p id="content">
<!--left-->
<p class="left" id="about_me">
<p class="weizi">
<p class="wz_text">当前位置:<a href="#">首页</a>><h1>关于我</h1></p>
</p>
<p class="about_content">
我只是个小白
</p>
</p>
<!--end left -->
<!--right-->
<?php $this->load->view('home/right')?>
<!--end right-->
<p class="clear"></p>
</p>
<!--content end-->
<!--footer-->
<p id="footer">
<p>Design by:少年 2014-8-9</p>
</p>
<!--footer end-->
<script type="text/javascript">jQuery(".lanmubox").slide({easing:"easeOutBounce",delayTime:400});</script>
<script type="text/javascript" src="<?php echo PUB?>/home/js/nav.js"></script>
</body>
</html>
迷茫2017-04-10 17:05:32
给每个地址ajax之前都添加属性
"header" : "X_PJAX"
php里判断
if(array_keys_exists("HTTP_X_PJAX"), $_SERVER)
{
...相关处理
}