html怎么插动态图片不显示不出来,layer插件layer.photos()动态插入的图片无法正常显示...

layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片，显示的是之前的图片列表，再次点击又是正常

有朋友遇到同样的问题

http://fly.layui.com/jie/4124.html

layer v2.4 弹层组件

layer.photos动态插入图片后，点击新插入的图片会弹出插入前的最后一张图片。

如果再次调用layer.photos，点击新图片会提示错误：

layer.js:1006 Uncaught TypeError: Cannot read property ‘src‘ of undefined

现在的解决办法是在layer.js中的第902行的

loop || parent.on(‘click‘, options.img, function(){

改为

loop || parent.off(‘click‘).on(‘click‘, options.img, function(){

不知道有没有什么更好的办法可以解决动态插入图片的问题。

我的解决办法是：

点击之前，先把图片data数据弄好

把上面的代码改成

loop || parent.on(‘click‘, options.img, function(){

pushData();var othis = $(this), index = othis.attr(‘layer-index‘);

layer.photos($.extend(options, {

photos: {

start: index,

data: data,

tab: options.tab

full: options.full

}),true);

})

解决！！

这样改后，无论是增加图片，还是移除图片，效果正常

使用tips：

1.如果需要重复执行layer.photos()，避免重复创建遮罩，可以加上id参数避免重复创建！

//调用示例

layer.photos({

id:‘img‘,

photos:‘#layer-photos-demo‘,anim:5 //0-6的选择，指定弹出图片动画类型，默认随机(请注意，3.0之前的版本用shift参数)

});

2. layer.photos()，options.photos参数最好使用页面上存在DOM结构，因为是使用事件委托绑定的事件。

原文：http://www.cnblogs.com/modestFrank/p/6493118.html

html怎么插动态图片不显示不出来,layer插件layer.photos()动态插入的图片无法正常显示...相关推荐

markdown插入本地图片小技巧
markdown插入本地图片小技巧个人博客背景 markdown作为一种普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式,非常的好用,但是插入本地图片很不方 ...
gif加文字 php,gif动态图片添加文字 gif制作软件怎样给gif动态图片添加文字
gif动态图片添加文字 gif制作软件怎样给gif动态图片添加文字现在有各种各样的表情包.搞笑图片以及搞笑视频都深受大家的喜爱,之前咱们也有一起学习过怎样用视频制作gif动态图片,相信大家肯定还记 ...
示例填充图片_填充内容：工具，技巧和动态示例
示例填充图片随着浏览器中的设计变得越来越流行(和方便),对有用的设计工具的需求也在增加. 一组非常有用的工具围绕着填料含量. 当前,存在各种资源来帮助需要填充内容的设计人员,无论是文本还是图像. 由 ...
vue base64图片不显示_技巧 | word中插入的图片显示不完整怎么办？
已经好久没有更新了,都快忘记有这个公众号存在了~ 这几个月发生了很多事情,工作上的任务也迟迟没有减轻,之前保持的日记也已经很久没有写了.但是觉得要是没有什么用什么方式将脑袋中时不时飘过的念头记录下来的 ...
.md文件中插入本地图片并显示图片预览
文章目录前言一.图片文件上传到gitee图片仓库 1:获取图片网址 (1).注册gitee,建立gitee图片仓库 (2)上传图片至gitee图片仓库 2.修改图片网址,插入到md文件中并预览 ( ...
Vue3使用element-plus1.3.0版本的el-menu菜单组件引入动态渲染icon图标时，图标组件刚好是Menu时报错，菜单不显示的解决方法
目前在升级前端框架,UI组件element-plus升级到了目前最新的1.3.0beta8版本,图标也换成了官方提供的SvgIcon图标,官方提供了组件导入的方式使用图标.而我的图标是全局导入的,默认 ...
解决word插入的图片不能正常显示
解决word插入的图片不能正常显示问题显示解决方法结果问题显示问题如下图:图片不能正常显示解决方法解决:在本段右键-段落-行距-单倍行距-确定,即可因为行距设为固定值了,所以不能正常显 ...
html怎么给图片加页码,在Word里，怎样让页码显示在插入的图片上？
回答: Word中插入图片后,让水印显示在图片上面可以通过以下几步实现: 第一步:先制作水印图片.用Windows自带的"画图"打上水印文字,如果需要旋转,就用图片处理软件(简单的 ...
Delphi FMX正确设计和加载图片满足分布式跨平台App的性能需求-分布式跨平台App中美工图片的处理、上传下载、并发及客户端显示技术架构
Delphi FMX正确设计和加载图片满足分布式跨平台App的性能需求分布式跨平台App中美工图片的处理.上传下载.并发及客户端显示技术架构 [综合:客户端(内存耗用.设备屏幕的自动适配).服务端( ...

html怎么插动态图片不显示不出来,layer插件layer.photos()动态插入的图片无法正常显示...

html怎么插动态图片不显示不出来,layer插件layer.photos()动态插入的图片无法正常显示...相关推荐

最新文章

热门文章