FGHRSH 的博客

Please wait...

Z-Blog 实现Pjax防止刷新

最近用明月浩空的播放器的人越来越多了,但是很多主题没加上ajax或pjax。

一跳转音乐就砍了怎么行=-=自己加个Pjax吧


先引用pjax核心代码:

jquery.pjax.zip


// .content-wrap 改为你主题的


没多说评论框:

$(document).pjax('a[target!=_blank]', '.content-wrap', {fragment:'.content-wrap', timeout:6000});
$(document).on('submit', 'form', function (event) {$.pjax.submit(event, '.content-wrap', {fragment:'.content-wrap', timeout:6000});});


有多说评论框:

$(document).pjax('a[target!=_blank]', '.content-wrap', {fragment:'.content-wrap', timeout:6000});
$(document).on('submit', 'form', function (event) {$.pjax.submit(event, '.content-wrap', {fragment:'.content-wrap', timeout:6000});});
$(document).on('pjax:complete', function() {
    pajx_loadDuodsuo();
});
function pajx_loadDuodsuo(){
	var dus=$(".ds-thread");
	if($(dus).length==1){
		var el = document.createElement('div');
		el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));
		el.setAttribute('data-url',$(dus).attr("data-url"));
		DUOSHUO.EmbedThread(el);
		$(dus).html(el);
    }
}


自制懒人版:

给不会写js的站长使用,带多说评论框刷新,

默认.content-wrap,理论上z-blog主题通用,

整合了pjax核心代码,只需上传这个js即可使用。

pjax.zip

使用方法 全局引用即可,不限</head>前还是</body>前,不会改模板可以加到全局统计代码那里。

<script src="/你上传的路径/pjax.js"></script>
本文标题:Z-Blog 实现Pjax防止刷新
本文链接:https://www.fghrsh.net/post/32.html
作者授权:除特别说明外,本文由 fghrsh 原创编译并授权 FGHRSH 的博客 刊载发布。
版权声明:本文使用「署名-非商业性使用-相同方式共享 4.0 国际」创作共享协议,转载或使用请遵守署名协议。

网友评论24

  1. 雀斑 2018-07-29 19:49:56 回复

    您好,想询问具体是怎么操作的 能麻烦加我下QQ吗 119419178 感谢

  1. pjax 2017-12-06 00:22:39 回复

    用了之后页面的JS,全部失效了这么解决呢?

    1. fghrsh 2017-12-07 14:11:15 回复

      还要在 PJAX 的 回调参数 里重新调用一次

      1. pjax 2017-12-09 17:26:30 回复

        好像是这样的,其他的都调用了,但是不知道zblog php自带的代码高亮这么处理呢。

        1. fghrsh 2017-12-15 08:47:36 回复

          可以先把 /zb_system/script/c_html_js_add.php 里的高亮代码复制出来,单独实现个 function
          参考:https://www.fghrsh.net/zb_users/plugin/ajaxTemplate/pjax.unzip.js

  1. 林枫 2017-05-14 10:18:58 回复

    在不在啊

    1. fghrsh 2017-05-14 12:07:16 回复

      (`・ω・´)

      1. 林枫 2017-05-14 15:11:55 回复

        自己写的一个小东西,是一个index.php,判断是否开启,开启了音乐播放器就echo音乐播放器的html代码,所以总是会被一起刷新,我想怎么不刷新

        1. fghrsh 2017-05-14 23:00:18 回复

          可以参考 APlayer DPlayer 插件的 Ajax/Pjax 调用方法

      1. 林枫 2017-05-14 15:09:42 回复

        我想怎么用这个实现网页的音乐播放器不刷新,一直没写好

  1. 蜗哥 2017-05-05 16:19:37 回复

    求教,不会弄唉 qq 2274395741,zblog博客,用的 tblog5主题

  1. 评论者 2016-08-14 21:01:25 回复

    加QQ 1655466387,求教,谢谢您啦!

  1. wang 2016-06-04 22:21:04 回复

    具体怎么弄啊加QQ1440740933

    1. fghrsh 2016-06-05 00:08:52 回复

      加了

      1. wang 2016-06-05 06:06:57 回复

        sorry,不小心手贱,点错了,请你再加一次😱😓😡😰😰😰😰😂😂😂😂

  1. liwanglin12 2015-12-26 02:43:22 回复

    来个WP版的

    1. fghrsh 2015-12-26 12:14:49 回复

      WP貌似不同主题都不同的吧。。把.content-wrap改成你模板的即可,你的貌似是 #container

  1. 疯贤 2015-12-10 13:24:58 回复

    阿西巴,最近研究ajax就是想搞页面不跳转刷新,你这是造福群众啊。

  1. 最新网赚 2015-10-30 12:05:23 回复

    看不懂

    1. fghrsh 2015-10-30 13:55:06 回复

      上面的是源码,看不懂可以试试下面的懒人版

  1. 小鬼 2015-10-22 16:05:15 回复

    然而你写这个是为了帮助我,然后就这样一声不吭的发布造福群众了。。。

  1. 大橘子 2015-10-18 18:35:10 回复

    [哈哈]

    1. fghrsh 2015-10-18 18:35:57 回复

      =-=

      1. 大橘子 2015-10-18 18:40:06 回复

        [鄙视]

发表我的评论

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

  • 必填项
00:00 / 00:00
顺序播放