晓夏

小皇

教育信息化方案砖家

网站开启Pjax防刷新功能

浏览量:259

/*PJAX封装代码 | 此处省略,要去下载一个pjax.js,然后把下面的代码放在pjax的最下面 */
/* 需要自己修改的代码 | 将#main改为你的主体容器id */
$(function() {
$(document).pjax('a[target!=_blank]', '.container', {fragment:'.container', timeout:6000});    
    $(document).on('pjax:send', function() {
      $('.container').fadeTo(700,0.0);
      });
    $(document).on('pjax:complete', function() {
      $('.container').fadeTo(700,1);
      });
});

此功能可以应用在背景刷新不切换等场合,或者单独的某一个区域不刷新

上面代码里的 .container必须在每一个需要pjax的页面出现,逻辑上就是把其他页面的这个地方的代码给copy过来替换掉。

神回复

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。