jQuery实现点击更多异步加载

作者:林炜贤来源:www.163css.com发表时间:(2013-07-07)

今天我们来说下点击更多加载的问题,这个,估计大家在许多网站都看过,我们采用的是JQUERY,数据这一块,我们采用了php。有兴趣的朋友先看这个文章:http://www.helloweba.com/view-blog-130.html

我今天这个例子,也是采用了它的more.js。这个牛人,做了点击加载,但是链接及图片都没有做出来,那我们只能自力更生了。

demo上的这句话,不知有没有人跟我一样去点击,我点击到了4月份,手都酸了,后来放弃了。

在php里,获取到数据后,在外面加多一个a标签,里面加上链接,链接就出来了。

这个图片的加载方式,就是img的方式,然后把地址读上去就OK了。

我们可以看到数据的加载是html这种模式加载的,你的样式名必须和key是一样的。我们看下html的结构:

样式名和key是一样的,不然,数据就读不去了。。。

这里还有一个很奇怪的问题,关于ie6的,一开始:

我采用ul li的结构,结果在ie6下数据出不来,显示空白,但其它浏览器就OK,折腾了好久,都换成div数据就出来了,真是神奇。

以下是我制作的效果截图:

点击后:

我是一次加载4条,你可以设置多条。。。

我们再次对原作者表示感谢。。。

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://163css.net/more/more.php

下载地址:jQuery实现点击更多异步加载.zip

返回作者主页:www.163css.com阅读 (16080)
更多 1