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

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

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

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

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

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



原来的代码中只有一句:

<div id="picker">选择文件</div>

而插件帮我们加入了一些必要的东西,而我们需要修改的是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;");

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值