jquery 单击li防止重复加载的实现代码_jquery
程序员文章站
2022-03-17 15:57:27
...
因为加载内容比较慢,所以用户可能在li上不经意点击了两次,那么就会请求两次,这是我们不想看到的。
今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后
在重新插回去,显然不太适合我做的功能。
正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素,
没有则加载ajax内容,否则不处理。
测试了可以通过,(^o^)/。
演示地址 http://demo.jb51.net/js/jquery_li_click/demo.html
打包下载 http://xiazai.jb51.net/201012/yuanma/jquery_li_click.rar
今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后
在重新插回去,显然不太适合我做的功能。
正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素,
没有则加载ajax内容,否则不处理。
测试了可以通过,(^o^)/。
复制代码 代码如下:
演示地址 http://demo.jb51.net/js/jquery_li_click/demo.html
打包下载 http://xiazai.jb51.net/201012/yuanma/jquery_li_click.rar
下一篇: php实现无限分类树
推荐阅读
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码
-
jquery Ajax 实现加载数据前动画效果的示例代码
-
JQuery防止退格键网页后退的实现代码
-
jQuery 判断元素是否存在然后按需加载内容的实现代码
-
用jQuery模拟页面加载进度条的实现代码
-
如何根据jquery滚动条位置加载内容的思路和实现代码详解
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码_jquery
-
基于jquery的防止大图片撑破页面的实现代码(立即缩放)_jquery
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码_jquery
-
用jQuery模拟页面加载进度条的实现代码_jquery