首页 > 导航栏PJAX刷新问题

导航栏PJAX刷新问题

我想点击导航栏的标题进行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-->
<div id="header">
  <h1>个人博客</h1>
  <p>青春是打开了,就合不上的书。人生是踏上了,就回不了头的路,爱情是扔出了,就收不回的赌注。</p>    
</div>
 <!--header end-->
<!--nav-->
 <div 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>
     <div class="clear"></div>
    </ul>
  </div>
  
  
  这是其中一个页面
  <?php

$this->load->view('home/top.php')
?>

   <!--nav end-->
<!--content start-->
<div id="content">
   <!--left-->
     <div class="left" id="about_me">
       <div class="weizi">
       <div class="wz_text">当前位置:<a href="#">首页</a>><h1>关于我</h1></div>
       </div>
       <div class="about_content">
         我只是个小白
       </div>
     </div>
     <!--end left -->
     <!--right-->
      <?php $this->load->view('home/right')?>
     <!--end  right-->
     <div class="clear"></div>
     
</div>
<!--content end-->
<!--footer-->
<div id="footer">
 <p>Design by:少年 2014-8-9</p>
</div>
<!--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>

【热门文章】
【热门文章】