1. 程式人生 > >解決WebUploader 上傳按鈕沒反應、按F12 才會有反應的問題

解決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 的話就沒這個問題,整個按鈕都正常。