你好创造者

NProgress的坑,只能转Pace

  折腾了一通宵,就因为这NProgress.js,这是一个无比帅气的插件,但就是这个插件使用后(一般结合TurboLinks.js和jquery.turbolinks.js实现页面更真实的加载进度),新页面的请求将不会对你页面所需的js和CSS文件进行请求,就意味着页面样式的崩溃。

  因为在前台操作的时候,类似的页面用的同样的样式,因此客户端浏览器有缓存样式文件,因此没有问题的显现。但当从前台跳转至后台管理时,问题显现了:没有请求样式文件,管理后台首页崩溃。于是我尝试着在admin文件夹下的index.php里增加判断条件,如果不是从登录页面以及当前页面再刷新得到的,就刷新当前页面,导致的结果的是无止境的302重定向。于是用了echo js脚本,但可惜的是Typecho的request类的相应方法的return不能和字符串乖乖的拼接。导致js脚本失效。
  睡了一觉,1小时前起床,换了Pace.min.js,根据官方样式修改、融合,修改了颜色和转动圆的大小。
  Pace不同于NProgress,NProgress是整个页面的加载过程,而Pace更像是页面跳转后的加载过程,加载JQuery、JS、CSS、图片等文件资源(具体有待研究,只是个人感觉)。当然我没尝试过

$(document).ready  
window.onload

  来绑定使用NProgress,不知道这么绑定会不会出问题。反正我现在是不想试了。


转载需经作者允许并注明出处(http://hiunique.com/fontend/4.html)
来自:你好创造者

1 comment so far.

  1. Unique Unique 猎豹安全浏览器猎豹安全浏览器 / Windows 7 x64Windows 7 x64

    真的是很坑,唉。一把泪

    2014-08-03 11:57:43 [ 回复 ]

添加评论

icon_mrgreen.gificon_neutral.gificon_twisted.gificon_arrow.gificon_eek.gificon_smile.gificon_confused.gificon_cool.gificon_evil.gificon_biggrin.gificon_idea.gificon_redface.gificon_razz.gificon_rolleyes.gificon_wink.gificon_cry.gificon_surprised.gificon_lol.gificon_mad.gificon_sad.gificon_exclaim.gificon_question.gif