ボタンが表示されないメニュー

Question

約1週間前に私は質問を投稿しましたが、jsfiddleやcodepenの使い方が分からなかったので答えは出ませんでしたが、私はそれを理解しました。

私の問題は、あなたが、これはサンプルですファイルの検索ボックスを表示しますその周りにクリックするとボタンが作動しなくなったということです：私はプラグインを外した場合、今

https://codepen.io/anon/pen/bWaYzJ

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

要素からボタンが再び機能します。

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

Answer 1

変更あなたの外側はdivからlabelこのcodepen

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

Answer 2

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

のようなあなたの問題を解決し、あなたのjavascriptを作るように見えます - それが原因で "MultiFileは関数ではありません"エラーです。 codepenのソースにMultiFileを直接含める必要があります（既に持っているように）。

第二には、ラベルは入力をラップする必要があり、（それはあなたが設定していないターゲットのname属性に依存しているので）それはfor属性を使用することはできません。

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

Answer 3

はまず、マルチファイルのソースファイルへの参照を削除します。