问题:使用jquery版本的viewer.js时,点击查询之后加载新的图片,但是使用viewer.js查看大图的时候发现还是原来的图片,没有更新图片。

HTML

<ul id="mypicture" class="docs-pictures clearfix" style="background-color:#f8f8f8;min-height:200px"></ul>

清空原来的ul之后,把新生成li放进去之后,察看图片时,点击大图的时候图片没有更新

$("#mypicture").html("");
$("#mypicture").html(imagesStr);var options = {url: 'data-original',};
$("#mypicture").viewer(options);

察看viewer.js的文档发现在每次查询更新ul之后需要update一下

update()

Update the viewer when images changed.

If you load images dynamically, you can use this method to add the new images to the viewer instance.

$("#mypicture").viewer('update');

在改变加载图片之后加上这一句

使用jquery版本的viewer.js图片更新的问题相关推荐

  1. html上传动态图片不显示图片,解决 viewer.js 动态更新图片导致无法预览的问题

    前台页面要求图片的查看,是在表格中点击查看才弹出图片,网上发现用Viewer插件的挺多,就选用的这款插件,但是Viewer插件会产生缩略图,这里取巧了,将缩略图统一替换成了一个带有查看两字的小图片,这 ...

  2. html动态添加图片不显示不出来,解决 viewer.js 动态更新图片导致无法预览的问题...

    前台页面要求图片的查看,是在表格中点击查看才弹出图片,网上发现用Viewer插件的挺多,就选用的这款插件,但是Viewer插件会产生缩略图,这里取巧了,将缩略图统一替换成了一个带有查看两字的小图片,这 ...

  3. Viewer.js 图片预览插件

    一.简介 Viewer.js 是一款强大的图片查看器. Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片 ...

  4. viewer.js图片查看器

    viewer.js插件(vue) Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择.Vie ...

  5. 图片查看器 Viewer.js

    插件简介 Viewer.js 是一款强大的图片查看器,提供了纯 JS 版本和 jQuery 版本,具有以下特点: 支持移动设备触摸事件 支持响应式 支持放大.缩小 支持旋转(类似微博的图片旋转) 支持 ...

  6. html页面点击图片名称查看图片------图片预览插件viewer.js使用

    前言 在做项目时,会遇到在前台展示附件详情,比如图片,word,pdf等.viewer.js 图片查看器,用来查看页面中的图片. 基本效果: Viewer.js的使用 这是一个github工程,功能很 ...

  7. 强大的jQuery图片查看器插件Viewer.js

    简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 ...

  8. jQuery 版本viewer.js插件的结构分析与学习

    viewer.js,其调用方法和使用都很简单.但是开始的时候对于其内部方法的调用,图片更新,插件冲突控制等原理都不是很理解.在这里分析一下viewer.js的框架,和大部分jQuery插件的封装类似, ...

  9. 图片在线预览html,Viewer.js – 强大的JS/jQuery图片查看器

    Viewer.js – 强大的JS/jQuery图片查看器 分类:代码 日期:2016-08-04 点击(282,284) 下载(1) 来源:未知 收藏 简介 Viewer.js 是一款强大的图片查看 ...

最新文章

  1. 数据库权限的分配与回收
  2. CSDN博客转载攻略
  3. spark 2.x ML概念与应用
  4. 净值:测试编码器/解码器
  5. 互联网晚报 | 9月30日 星期四 | 五菱与B站跨界合作;支付宝向“云闪付”开放支付场景;平安健康险上线“药划算”...
  6. serlvert jsp mysql_JSP课设之项目管理 - osc_xm8bu282的个人空间 - OSCHINA - 中文开源技术交流社区...
  7. jstl-按照html的形式输出至页面
  8. 人的效率还是机器的效率?
  9. 如何查看jdkApi在线帮助文档(下载)
  10. 开发isv应用的权限处理
  11. Ubuntu系统基本操作
  12. The 2019 ACM-ICPC China Shannxi Provincial Programming Contest B. Product(杜教筛+约数)
  13. adb和frida的一点简单使用记录
  14. 2013年10月22日、|充实自己|看书看到恶心看教学视频看到吐|也许旷几次课也是值得的
  15. 从源码看ANDROID中SQLITE是怎么通过CURSORWINDOW读DB的
  16. 怎么将视频配套讲义打印出来
  17. 什么是工业4.0? 本文已经帮你解释清楚了
  18. 【汤家凤考研数学手稿】第四章 不定积分(就找原函数,为定积分莱布尼茨公式铺垫)
  19. 【日常分享】规格化成绩如何计算
  20. vi/vim 中可以使用 :s 命令来替换字符串。

热门文章

  1. 用sed和awk实现将文本中的上下两行合并为一行(转载)
  2. animition动画的加入
  3. su - 提示失败问题[su方式]
  4. mysql示例employees数据库
  5. haproxy+keepalived实现高可用负载均衡
  6. 内核同步机制之Mutex Exclusion
  7. mysql iso 时间_mysql 中 时间和日期函数
  8. SpringBoot2.1版本的个人应用开发框架 - 集成Druid + MybatisPlus
  9. 写给自己看的三栏布局的演示
  10. 对抗神经机器翻译:GAN+NMT 模型,中国研究者显著提升机翻质量