位置: 编程技术 - 正文

JQuery实现Ajax加载图片的方法

编辑:rootadmin

推荐整理分享JQuery实现Ajax加载图片的方法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了JQuery实现Ajax加载图片的方法。分享给大家供大家参考,具体如下:

最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览。

最先想到的思路是利用缓存,也就是先显示提示消息,然后get图片,在get完的时候回调,将img标签的src改掉,由于刚刚get过,有了缓存,所以图片会立刻显示出来。

页面元素:

按钮的事件绑定:定义了一个数组PicArr用来记录所有图片

NextPic内容:

JQuery实现Ajax加载图片的方法

在CHROME和FF下显示正常,IE6下异常,IE7、8未测试。

后来在ASPRAIN的开发者 稽山草 的帮助下,思路改成了先改src,然后绑定onload事件,在onload中回调。

核心代码:

后来一看基本正常了,但是仔细看还是不正常,图片顺序开始乱跳,跟踪了好久发现回调函数会多次运行。

中间想到会不会是事件绑定的问题,因为onclick事件的绑定是可以简写成想到$(Element).bind("load",callback)和$(Element).load(url,callback)会不会是一样,查资料写得都不怎么清楚,改了试一下,还是不一样,不过在chrome和ff下依然能工作,但是数据不太正常,IE下报错。

再次检查 稽山草 给的代码,发现问题在哪了。

load事件的绑定的是一个匿名函数,而当按钮按下时会再次绑定,所以会重复执行。于是将绑定bind改成one搞定。最终完整代码如下:

希望本文所述对大家jQuery程序设计有所帮助。

JQuery标签页效果实例详解 本文实例讲述了JQuery标签页效果实现方法。分享给大家供大家参考,具体如下:第一个标签页中鼠标滑过显示不同的标签页,第二个标签页中点击不同

jQuery中的siblings用法实例分析 本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考,具体如下:所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟

jquery遍历函数siblings()用法实例 本文实例讲述了jquery遍历函数siblings()用法。分享给大家供大家参考,具体如下:siblings([expr])得到所有匹配元素集合中各个元素的所有兄弟元素集合。返

标签: JQuery实现Ajax加载图片的方法

本文链接地址:https://www.jiuchutong.com/biancheng/377757.html 转载请保留说明!

上一篇:JQuery实现的按钮倒计时效果(jquery按钮点击事件)

下一篇:JQuery标签页效果实例详解(html标签页效果)

  • 增值税发票认证在哪里
  • 保险费车船税会计分录
  • 小规模计提税金及附加会计分录怎么写
  • 资产减值损失纳税调增还是调减
  • 计提企业所得税会计科目
  • 股东借款怎么转为利润分配
  • 民办幼儿园的税收是多少
  • 当月开票当月收款
  • 高速路费电子发票怎么打印
  • 单位租用个人住房合法吗
  • 用友薪资管理怎么重新初始化步骤
  • 企业购买房产可以抵扣增值税吗
  • 上海航交所官网
  • 应纳税额减征额和减免税额一样吗
  • 对境外支付佣金的规定
  • 固定资产残值清零怎么处理
  • 房地产企业人防工程计入什么科目
  • win10设置系统启动
  • 穿越火线改名卡买完了怎么用
  • 开票的附加税是多少
  • 成本核算怎么做账
  • 小规模纳税人两费减免
  • linux中!
  • 正确的PHP匹配UTF-8中文的正则表达式
  • Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
  • linux的grep命令使用
  • 委托软件开发费用怎么入账
  • PHP:token_name()的用法_Tokenizer函数
  • 低值易耗品的管理和流程ppt
  • 羽毛球脚踝扭伤怎么办
  • 公司其他费用包括哪些费用
  • rsa前端解密
  • 纳税人临时到外省从事经营活动
  • nginx配置tp5
  • 资本公积转增资本金
  • 公司外部人员的差旅费入什么科目
  • 民营企业的工业项目建设-经营-转让是什么模式
  • idea连接sqlserver数据库教程
  • 微软 new bing 广告收入
  • 待摊费用在资产负债表里写在哪
  • lvs命令详解
  • 外管证预缴税款怎么做分录
  • 企业贷款利息可以开发票吗
  • sqlserver连接不到本地服务器
  • 向境外股东分配股息预提所得税
  • 玉米 收购
  • 开具增值税专用发票的承诺书
  • 增值税是指哪些税种
  • 营业执照变更法人需要本人去吗
  • 行政事业单位银行开户规定
  • 医院药品进销差价会计核算
  • 帮人家开税票对自己生意有影响么
  • 前程无忧效果怎么样
  • 临时账户过期了怎么办
  • 文化事业建设费税收优惠政策2022
  • 企业所得税退税会计分录
  • 免征印花税的6个项目
  • 生产经营年度汇算清缴
  • sql server常用
  • windows10访问xp
  • 理解 成为 超越梗
  • vc精华氧化变黄
  • win10系统怎么设置电脑密码
  • linux 系统文件
  • win10如何打开hlp文件
  • 如何配置sendmail
  • win8系统没有声音怎么办
  • lookAtCamera
  • node 获取当前时间
  • 批处理 dir
  • python使用mysql数据库示例代码
  • unity物理效果
  • shell入门
  • 图片处理流程
  • 安卓手机管家app
  • 外经证办理流程在哪个网站申请
  • 个人自行申报纳税
  • 车船税填表说明
  • 分支机构如何变更为独立纳税人?
  • 税局签三方
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设