按鈕不顯示菜單

大約一個星期前，我發佈了一個問題，但無法得到它的答案，因爲我不知道如何使用jsfiddle或codepen，但我想通了。按鈕不顯示菜單

我的問題是，如果你點擊它周圍會顯示文件搜索框，這是樣品按鈕現在無法正常工作：

<label> Uploads 
    <label for="exampleFileUpload" class="button">Upload File</label> 
    <input type="file" id="exampleFileUpload" class="show-for-sr"> 
</label>

現在如果我脫離插件從元素然後按鈕再次工作。 label到div

來源

2017-05-09 quechon

改變你的外表似乎解決您的問題，這樣codepen

<div> Uploads 
<label for="exampleFileUpload" class="button">Upload File</label> 
<input type="file" id="exampleFileUpload" class="show-for-sr"> 
</div>

來源

2017-05-09 02:49:18 am05mhz

它的工作原理的原因在你的例子中是因爲你忘記包含插件，如果你檢查codepen控制檯它說MultiFile不是一個函數。白色的插件工作，而不是標籤使用div按鈕證明工作或者甚至不單擊外部按鈕。 – quechon

<label for="exampleFileUpload" class="button">Upload File</label> 
<input type="file" id="exampleFileUpload" class="show-for-sr">

，使您的javascript：

$(document).ready(function(){ 
    $('#exampleFileUpload').onClick({ 
     MultiFile(); 
    }); 
});

來源

2017-05-09 03:06:48 kurtdawg24

不能工作，我得到該代碼的錯誤。 – quechon

首先，刪除參考多文件源文件 - 這是導致「MultiFile不是函數」錯誤的原因。您需要將MultiFile直接包含在codepen的源代碼中（就像您已經擁有的一樣）。

其次，標籤需要包裝的投入，而且不能使用for屬性（因爲這依賴於name屬性爲目標，您沒有設置）：

<div> Uploads 
    <label class="button">Upload File 
    <input type="file" id="exampleFileUpload" class="show-for-sr" multiple> 
    </label> 
</div>

來源

2017-05-09 20:53:05 tephyr

按鈕不顯示菜單

回答

相關問題