解決WebUploader 上傳按鈕沒反應、按F12 纔會有反應的問題

遇到了 WebUploader 插件的上傳按鈕點擊無效(此時鼠標在按鈕任何位置時,按鈕都沒變化)、按F12 之後纔有反應(此時鼠標在按鈕任何位置時,按鈕顏色都會變深) 的問題,網上查到一些答案,找到了一種測試有效的辦法。

首先出現Bug的原因是插件生成[選擇文件]按鈕的長寬都是0,所以點擊不到;需要重新渲染一下網頁,而F12正好有渲染網頁的功能。

解決辦法分以下兩步:

1)在頁面加一段樣式:

<style>  
    #filePicker div:nth-child(2){width:100%!important;height:100%!important;}  

</style>  

2)如果上傳按鈕用的不是div 標籤,改爲div 標籤,如 <span id="filePicker">選擇圖片</span>,改爲<div id="filePicker">選擇圖片</div>

如果做了第一步但用的是span 標籤的話,只有鼠標在文字下方的按鈕區域纔有效(有效時,鼠標移上去按鈕顏色會變深,無效時按鈕沒反應),按F12之後,只有鼠標在文字上方的按鈕區域點擊纔有效;

用div 的話就沒這個問題,整個按鈕都正常。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章