webuploader上传文件点击按钮无效,按F12后有效

在写一个简单的静态页面时,刚开始发现上传文件的按钮无效,只有点击左上角一点点时有效。检查发现,点击按钮的大小被初始化为很小的一块,刚好是左上角能点击的区域。

然后,感觉找到问题了,设置了大小:

<div id="picker" style="middle;width: 100px!important; height: 36px!important;">

然鹅,然鹅,还是不好使!!!奇怪的是,打开页面不好用,一按F12检查页面,按钮乖乖的变好使了,在关闭F12也照样好使。

搜了下,原来是刚开始样式为display:none,webuploader无法渲染按钮的原因,最后解决,把组件的点击按钮固定大小

 $("#picker div:eq(1)").css("height","36px");//上传文件的按钮
 $("#picker div:eq(1)").css("width","100px");//上传文件的按钮 

借鉴:

https://blog.csdn.net/h_h_v/article/details/80506948

https://blog.csdn.net/qq_32403351/article/details/81557118

https://www.jianshu.com/p/ef2caed7fa1c

webuploader的使用方法:

https://www.jianshu.com/p/9f669deebf82

http://www.hehaibao.com/webuploader-excel/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值