本文主要是介绍layui upload 上传控件,动态加载后点击失效的处理,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
-
背景
今天遇到的情况是,在我的业务需求里,根据商品 SKU 信息,动态生成一个表格
然后,每行有一个需要上传缩略图的upload
控件
但是,最后发现点击没反应场景如下:
-
分析
通过参考网友的解释,需要在动态生成数据后,要补充
"upload.render()"
参考文章:layui upload 在JS 加载 html 按钮的情况下, 点击按钮无效如何解决?
【注】
:本人的框架版本为:layui-v2.2.45
(不排除低版本不支持的情况哦)
- 解决方法:
—— 在动态拼接的逻辑 js 代码后,再补充
upload.render()
逻辑代码
截图如下:
- 附录:
-
注意是补充
"upload.render()"
整体代码!
个人测试,只补充一句layui.upload.render()
是无效的 -
个人觉得这样是不合理的
如此一来,对于添加操作和修改操作,可能需要重复使用同一段代码,造成冗余
可惜,没找到其他的解决方法 …
这篇关于layui upload 上传控件,动态加载后点击失效的处理的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!