使用jquery版本的viewer.js图片更新的问题
问题:使用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图片更新的问题相关推荐
- html上传动态图片不显示图片,解决 viewer.js 动态更新图片导致无法预览的问题
前台页面要求图片的查看,是在表格中点击查看才弹出图片,网上发现用Viewer插件的挺多,就选用的这款插件,但是Viewer插件会产生缩略图,这里取巧了,将缩略图统一替换成了一个带有查看两字的小图片,这 ...
- html动态添加图片不显示不出来,解决 viewer.js 动态更新图片导致无法预览的问题...
前台页面要求图片的查看,是在表格中点击查看才弹出图片,网上发现用Viewer插件的挺多,就选用的这款插件,但是Viewer插件会产生缩略图,这里取巧了,将缩略图统一替换成了一个带有查看两字的小图片,这 ...
- Viewer.js 图片预览插件
一.简介 Viewer.js 是一款强大的图片查看器. Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片 ...
- viewer.js图片查看器
viewer.js插件(vue) Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择.Vie ...
- 图片查看器 Viewer.js
插件简介 Viewer.js 是一款强大的图片查看器,提供了纯 JS 版本和 jQuery 版本,具有以下特点: 支持移动设备触摸事件 支持响应式 支持放大.缩小 支持旋转(类似微博的图片旋转) 支持 ...
- html页面点击图片名称查看图片------图片预览插件viewer.js使用
前言 在做项目时,会遇到在前台展示附件详情,比如图片,word,pdf等.viewer.js 图片查看器,用来查看页面中的图片. 基本效果: Viewer.js的使用 这是一个github工程,功能很 ...
- 强大的jQuery图片查看器插件Viewer.js
简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 ...
- jQuery 版本viewer.js插件的结构分析与学习
viewer.js,其调用方法和使用都很简单.但是开始的时候对于其内部方法的调用,图片更新,插件冲突控制等原理都不是很理解.在这里分析一下viewer.js的框架,和大部分jQuery插件的封装类似, ...
- 图片在线预览html,Viewer.js – 强大的JS/jQuery图片查看器
Viewer.js – 强大的JS/jQuery图片查看器 分类:代码 日期:2016-08-04 点击(282,284) 下载(1) 来源:未知 收藏 简介 Viewer.js 是一款强大的图片查看 ...
最新文章
- 数据库权限的分配与回收
- CSDN博客转载攻略
- spark 2.x ML概念与应用
- 净值:测试编码器/解码器
- 互联网晚报 | 9月30日 星期四 | 五菱与B站跨界合作;支付宝向“云闪付”开放支付场景;平安健康险上线“药划算”...
- serlvert jsp mysql_JSP课设之项目管理 - osc_xm8bu282的个人空间 - OSCHINA - 中文开源技术交流社区...
- jstl-按照html的形式输出至页面
- 人的效率还是机器的效率?
- 如何查看jdkApi在线帮助文档(下载)
- 开发isv应用的权限处理
- Ubuntu系统基本操作
- The 2019 ACM-ICPC China Shannxi Provincial Programming Contest B. Product(杜教筛+约数)
- adb和frida的一点简单使用记录
- 2013年10月22日、|充实自己|看书看到恶心看教学视频看到吐|也许旷几次课也是值得的
- 从源码看ANDROID中SQLITE是怎么通过CURSORWINDOW读DB的
- 怎么将视频配套讲义打印出来
- 什么是工业4.0? 本文已经帮你解释清楚了
- 【汤家凤考研数学手稿】第四章 不定积分(就找原函数,为定积分莱布尼茨公式铺垫)
- 【日常分享】规格化成绩如何计算
- vi/vim 中可以使用 :s 命令来替换字符串。