当前位置：首页 > 资讯 > 技术文档

jquery 单击li防止重复加载的实现代码

时间：2022-12-07 14:54 编辑：来源：阅读：
扫一扫，手机访问

摘要：jquery 单击li防止重复加载的实现代码

因为加载内容比较慢，所以用户可能在li上不经意点击了两次，那么就会请求两次，这是我们不想看到的。今天在javascript-jquery群上一筒子发了两个demo给我，他的方法是先将单击的li节点拷贝出来，在加载完后在重新插回去，显然不太适合我做的功能。正一筹莫展，想了一下，何不在li点击时加入loading图片（在ajax加载前），判断li节点上是否存在了img元素，没有则加载ajax内容，否则不处理。测试了可以通过，\(^o^)/。

[url=http://cnblogs.com/tomieric]<div id="siderbar"> <h4>课程</h4> <div id="siderbar_box"> </div> </div> <div id="content"> <div id="content_footer"></div> </div> </div> </body> </html>

演示地址 http://demo.jb51.net/js/jquery_li_click/demo.html[/url] 打包下载 [url=http://xiazai.jb51.net/201012/yuanma/jquery_li_click.rar]http://xiazai.jb51.net/201012/yuanma/jquery_li_click.rar[/url]

全部评论(0)

上一篇：jquery禁用右键单击功能屏蔽F5刷新
下一篇：jQuery+ajax实现鼠标单击修改内容的方法

资讯排行榜
更多>>