使用webuploader插件上传文件时点击按钮无效

您所在的位置:网站首页 可爱的gif表情包动态图 使用webuploader插件上传文件时点击按钮无效

使用webuploader插件上传文件时点击按钮无效

2024-05-28 19:22| 来源: 网络整理| 查看: 265

前几日,在修改文件上传的bug的时候,就遇到过一件很奇怪的事。当我点击添加附件按钮时,没有任何的反映。

由于当时没有按下F12进行调控,所以右键按钮,点击了检查,发现一切也没什么异样。当我再次点击按钮时,按钮居然又有用了。。。

于是我在进入页面最初的时候打开了调控台,居然惊奇的发现,这个按钮的大小被初始化为了1px*1px,这,这怎么点击的到啊!当我退出调控台,再次检查的时候,发现按钮的大小变成了正常水平。

难不成要修改强行修改这个按钮的大小吗?抱着试一试的心态,我使用jquery修改了这个按钮的width和height。再次点击,居然起作用了。

后面去网上查了一下资料,发现大家也有遇到过这种点击不了按钮的情况,大家的解决办法也基本上都是强行修改按钮大小。这里还有一个需要注意的地方。webuploader插件会帮助我们生成一些组件。如下图:

原来的代码中只有一句:

选择文件

而插件帮我们加入了一些必要的东西,而我们需要修改的是picker下面第二个div的的style。

具体的代码如下:

$("#picker div:eq(1)").attr("style","position: absolute; top: 0px; left: 0px; width: 44px; height: 30px; overflow: hidden; bottom: auto; right: auto;");


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3