位置: 编程技术 - 正文

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标签页效果)

  • 进料加工贸易流程
  • 已认证进项税转出怎样做账务处理
  • 销售白酒是否要交消费税?
  • 奖金算不算工资薪金所得
  • 以前年度损益调整在借方是什么意思
  • 每月工资不一样怎么交党费
  • 注册公司工贸和商贸哪个更好一些
  • 企业文化事业建设费计算
  • 缴纳地方教育附加费现金流量选什么
  • 研发准备金期末余额帐务处理是怎样的?
  • 企业的福利费如何使用
  • 管理费用研发费用科目设置
  • 税务局查到发票有问题
  • 当月认证下月抵扣
  • 反映留存收益的账户
  • 备用金转账个人能转吗
  • 宝塔linux面板怎么安装
  • iphone制造成本
  • 如何关闭windows10自动更新
  • 控股子公司收购母公司
  • 哪些收入要纳税
  • 单位租房的房租怎么入账
  • 什么是BIOS设置界面
  • Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
  • 鸿蒙系统通知栏界面怎么打开
  • 重建索引命令
  • win11怎么清理内存
  • 企业所得税计税依据
  • 多付货款退回的会计分录
  • PHP:Memcached::replaceByKey()的用法_Memcached类
  • window10为什么右键就卡住
  • amr文件怎么转换为mp3
  • 其他综合收益的来源
  • php去除指定字符
  • Symfony2创建页面实例详解
  • vue2路由跳转页面不刷新问题
  • 协会会费怎么使用
  • 社保新参统委托代发银行
  • 代理业务怎么记账
  • phpcms模块
  • 增值税专用发票的税率是多少啊
  • 2.MyBatis
  • 解决问题对吗
  • 供应商退款需要冲库存商品吗
  • python Timer定时器如何使用?
  • 税费计提多了怎么冲减
  • mysql基本查询
  • 建筑服务的劳务费交印花税吗
  • 公司收到生育津贴不给员工
  • 生产成本可以结转到主营业务成本吗
  • 可供出售金融资产公允价值变动
  • 卖固定资产如何做账
  • 福利费列支范围及标准
  • 免税农产品怎么开发票
  • 子公司注销前资金怎么办
  • 金蝶旗舰版如何备份账套
  • 会计凭证负数金额怎么算
  • 服装店的财务会计怎么做
  • 税控开具发票
  • Select count(*)、Count(1)和Count(列)的区别及执行方式
  • sql server执行语句
  • win7系统摄像头打不开
  • win10系统怎么删
  • xp系统如何批量复制文件路径
  • win8怎样关闭系统更新
  • red hat linux怎么用
  • 微软撤回快捷键
  • messenger api
  • python自动截图
  • unity摄像机怎么调出来
  • 安卓广播的作用
  • CustomPropertyDrawer-Change the height of Property field
  • js生成随机数函数
  • python jsondecodeerror异常捕获
  • jquery 动态绑定click事件
  • js function函数
  • javascript面向对象编程指南 pdf
  • python中fun函数怎么用
  • 地方税务局投诉有用吗
  • 新疆皮山县概况
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设