由于照片页面照片太多,所以加了lazyload,用上之后发现有不少问题,
js的$冲突
如果出现$
冲突的错误, 建议用noConflict()
方法将jquery对$
的所有权释放.
在手册中对noConflict()
的说明如下:
noConflict()方法让渡变量 $ 的 jQuery 控制权。
该方法释放 jQuery 对 $ 变量的控制。
该方法也可用于为 jQuery 变量规定新的自定义名称。
提示:在其他 JavaScript 库为其函数使用 $ 时,该方法很有用。
也就是把jQuery占用的全局变量$
和jQuery
返回给其它的js库.
在lazyload的使用中, 原本写法是:
$("img.lazy").lazyload({ effect : "fadeIn" });
现在我们就可以改写成:
var jq=jQuery.noConflict(); jq(function(){ jq("img.lazy").lazyload({ effect:"fadeIn" }); });
图片无法加载的未知错误
我从主页点进照片页面后, 满屏菊花转, 图片一直不出来, 重新点一次才正常, 这个问题的原因暂不明确, 我估计是由于我主页使用了预加载的原因.
但是总不能让读者都手动重新点一次, 所以我想到用js让页面自动刷新一次, 这样一来问题就解决了, 虽然该方法简单粗暴, 但是暂时我也没想出别的好办法. 毕竟预加载对提速作用还是很大的, 不舍得去掉.
在使用lazyload的界面头部加上如下js代码:
function autorefresh(){ url = location.href; var num = url.split("?"); if(num[1] != 1){ url += "?1"; self.location.replace(url); } } onload=autorefresh
这样一来, 打开页面后会自动刷新一次, lazyload便正常运作了.
ajax冲突
最后, lazyload与ajax也冲突, 因此在使用了comment-ajax的页面, lazyload是失效的, 建议择其一而使用.
?沙发
一月 10, 2014 15:53:34@xsinger 沙发帝
101室 一月 10, 2014 15:54:12@小蝴蝶 回的好迅速,我宣布沙发弟回归了,字体怎么不是雅黑了?
102室 一月 10, 2014 15:55:10@xsinger 你觉得哪个好看?没有mactype渲染的情况下雅黑好粗糙
103室 一月 10, 2014 16:23:00@小蝴蝶 其实都可以,字体都容易审美疲劳,换换有新鲜感~~
104室 一月 10, 2014 23:42:21@xsinger 是啊,所以就换了,哈哈
105室 一月 11, 2014 13:54:27可以用sea.js这种模块加载的东东,可以避免全局量污染,还可以按须加载哟
一月 10, 2014 16:55:46@牧风 射射~我去看看~
201室 一月 10, 2014 17:11:34@牧风 lifesinger~
201室 一月 11, 2014 15:11:13@大发 玉伯~
202室 一月 11, 2014 22:39:48代码这玩意看着头痛!
一月 10, 2014 20:31:06考完恭喜~
一月 10, 2014 21:10:42还是原来的博客,还是熟悉的代码,全网知名的程序媛妹纸小蝴蝶终于满血复活。
一月 11, 2014 11:00:01@跑调的包子 你肥来了~哈哈
501室 一月 11, 2014 13:32:35对代码越来越无力了~~~
一月 11, 2014 21:33:44@axiu 说明你生活丰富了
601室 一月 11, 2014 22:43:42我也遇到jq冲突的问题啦,搞的连“回到顶部”都实现不了,正郁闷呢
一月 16, 2014 22:50:21最近正在“扁平化”一个原来的主题,然后发现自己除了会写css,其它的都不会了…深刻地体会到为啥自己理综总是100分了…
一月 18, 2014 17:19:12@Muno 我分科之前理宗也一百分哈哈
801室 一月 19, 2014 11:09:42我记得有jquery的lazeload插件.可以试试.那个基于jq的兼容性应该没有问题. >_< 一直在用公司博客的倍感郁闷…老资料都没了
一月 19, 2014 13:27:23@nolan 这个就是jq的lazyload插件阿..
901室 一月 19, 2014 14:55:03@小蝴蝶 那怎么会$冲突咧?
902室 一月 19, 2014 14:59:01@nolan 跟ajax冲突导致的
903室 一月 19, 2014 15:51:31@小蝴蝶 咦? 是指ajax优先级高于lazeload了么? 嘛..我是没有那么多图片可以发的说…
904室 一月 19, 2014 16:02:06其实我也用了lazyload~不过没你高级啦,,用这个感觉图片加载慢了?另外边栏的【你们】也改了哦~
一月 19, 2014 19:25:10@xsinger 感觉作用主要是节省一些资源,估计也不能提速。是呀,好看吗哈哈
1001室 一月 19, 2014 20:18:48@小蝴蝶 好看呀,与众不同,还是你有创意,并且可以实现它。我最近不太懂js的异步加载,不懂啊??
1002室 一月 20, 2014 01:41:38@xsinger 哪里不懂?
1003室 一月 20, 2014 19:35:12技术活。。。
一月 20, 2014 20:46:36技术帖评论往往比较少。。。
一月 28, 2014 16:33:51我说怎么不能用了,原来如此。感谢小蝴蝶
二月 17, 2014 12:52:01jq的那个lazyload其实有很多的,一般来说我们讨论的是最出名的那个(不一定是最好的),其实还有很多更简单的
三月 17, 2014 11:30:48@zero 恩那,最出名的那个其实问题很多,用原生js写也可以
1401室 三月 17, 2014 16:17:44话说我的博客也加了这个,不过为什么一直没有效果,奇怪。
四月 6, 2014 09:10:20话说 如果。在ajax新加载的内容中重新加载lazyload的js的话 可以搞定么?
四月 23, 2014 15:31:25@LimitSY 两者有冲突 问题不仅是失效啊
1601室 四月 24, 2014 10:17:46@小蝴蝶 这样么。。可以自己写一个lazyload 哈哈
1602室 四月 24, 2014 10:40:14@LimitSY 那样也可以 ,不过写这个文章是为了探讨这个插件的问题…
1603室 四月 25, 2014 15:14:25