欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

ZBlogPHP简单实现pjax的一种方法

雨夜 4391次浏览 11个评论

在网上搜索关于实现pjax的方法,无意中发现了这个比较简单的做法,大家不妨试试:

参考网址如下:http://www.inlojv.com/wordpress-use-pjax.html 

(1)引入如下代码文件

<script type="text/javascript" src="{$host}zb_users/theme/{$theme}/script/pj.js"></script>

(2)里面的代码如下

/*! jQuery v1.11.1 | 此处省略 */
/*PJAX封装代码 | 此处省略 */
/* 需要自己修改的代码 | 将#main改为你的主体容器id */
$(function() {
$(document).pjax('a[target!=_blank]', '#main', {fragment:'#main', timeout:6000});    
    $(document).on('pjax:send', function() {
      $('#main').fadeTo(700,0.0);
      });
    $(document).on('pjax:complete', function() {
      $('#main').fadeTo(700,1);
      });
});

(3)可以参考我的下面zblogphp应用的代码:

// 自定义
$(function() {
$(document).pjax('.post-avatar a,.header-image a,.post-header a,.post-info a,.post-content a,.breadcrumb a,.post-thumb a,._ajx,#page-navigation a,#sb-tags a,.related-posts a,.tags-box a,.divArchives a,.divCatalog a,.divAuthors a,.moban_li a', '#left', {fragment:'#left', timeout:1500});	
    $(document).on('pjax:send', function() {
	$('<div title="拼命加载页面中..." id="wpgo_ajax_loading"><div></div></div>').appendTo("body");
	  $('#left').fadeTo(500,0.0);
	  //$('#right').fadeTo(500,1);
	  });
    $(document).on('pjax:complete', function() {
		$("#wpgo_ajax_loading").remove();
	tblog5_pjaxafter();
	$('#left').fadeTo(500,1);
	  
	  });
});

大家可以观察下,可以发现规律,进行适当修改,当然实现这个要对部分js代码重载等操作。

当然如上代码只是简单的引用,可以根据能力进行更加深层次的操作。

https://github.com/defunkt/jquery-pjax/

上面的代码下载地址如下:

pjax2014-10-28– 40KB


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(11) 个小伙伴在吐槽
  1. 博主,你好,请问,这段代码放在那里?
    石林波 2016-06-29 PM 08:54 回复
  2. 弄了半天,不知道统计代码该怎么统计。。
    做one笔记 2015-04-15 PM 05:50 回复
    • 我也不知道。。。好好学习了我。。
      雨夜涂涂 2015-04-15 PM 08:45 回复
      • 不是可以重载吗?
        做one笔记 2015-04-15 PM 11:02 回复
  3. 完全怎么加在主题了啊
    老何 2015-04-15 PM 02:06 回复
    • 可以试试直接复制到我的代码到你的网站试试。
      雨夜 2015-04-15 PM 03:51 回复
  4. 流年前来支持,ip已送,欢迎回访
    似水流年 2015-04-10 PM 10:27 回复
  5. 好牛,还可以显示歌词
    小虎博客 2015-04-09 PM 11:44 回复
  6. 这个好,好好学习下。
    烽烟无限 2015-04-09 PM 09:49 回复
  7. 代码高亮是用的啥
    xilouqingzhu 2015-04-09 AM 10:46 回复
    • 系统自带编辑器ue的自带高亮
      涂涂 2015-04-09 PM 12:08 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们