KindEditor上传组件在modal中点击无响应

最新推荐文章于 2021-07-09 10:50:59 发布

may夏至未至

最新推荐文章于 2021-07-09 10:50:59 发布

阅读量1.4k

点赞数

分类专栏： bootstrap 文章标签： kindEditor modal

本文链接：https://blog.csdn.net/sinat_32034679/article/details/80590205

版权

在modal中使用KindEditor上传组件时遇到点击无响应的问题，原因是响应上传事件的部分宽度为0。解决方法是在弹出弹层前，通过设置上传插件的width属性为合适宽度，确保能触发响应事件。

摘要由CSDN通过智能技术生成

今天在modal中加上了KindEditor上传组件，组件初始化已成功，但是点击“点击上传附件”按钮无响应，不弹出上传窗口。尝试了百度提供的各种诸如修改z-index值、去掉modal的遮罩层、在弹出modal时初始化上传插件等方案均不生效。最后，在调试查看各组件的css属性时，找到了问题：

如图所示，在初始化后的上传组件中，响应上传事件的部分宽度为0.因此，点击无响应的原因主要是，实际上，点击时，并没有点击到上传部分，无法触发响应事件。

因此，解决的方案为：

在弹出弹层前，先将该上传插件的width属性设置为合适的宽度，也就是在js中补充一句：

  $("[type='file']").css("width","96px");

即可。

以下附上全部代码：

jsp弹层：

<!--  modal1 上传附件  -->
<div id="aModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidd

关注

专栏目录