輸入類型文件在引導程序模式下不工作

這是令人難以置信的奇怪。我有一個基本的Bootstrap模式，沒有花哨的東西，input type=file不在裏面工作。當你點擊它時，沒有任何反應。如果文件輸入移動到模態之外並進入頁面，則沒有問題。輸入類型文件在引導程序模式下不工作

這裏的模態代碼以供參考：

<div id="addImageModal" class="modal hide fade" data-toggle="modal"> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
    x 
    </button> 
    <h4>Add Drawing Image</h4> 
</div> 
<div class="modal-body"> 
    <div class="form-horizontal"> 
    <div class="control-group"> 
     <label class="control-label" for="inputDisplayName">Display Name</label> 
     <div class="controls"> 
     <input id="inputDisplayName" type="text" placeholder=""> 
     </div> 
    </div> 
    <div class="control-group"> 
     <div id="previewImage"></div> 
    </div> 
    <div class="control-group"> 
     <input type="file" name="files[]" multiple=""> 
    </div> 
    </div> 
</div> 
<div class="modal-footer"> 
    <a href="#" data-dismiss="modal" class="btn">Cancel</a> 
    <a href="#" class="btn btn-primary btnUploadImage">Upload</a> 
</div> 
</div>

真是奇怪的問題。有任何想法嗎？

編輯：它是Bootstrap 2.3.1，我試着在輸入上設置z-index以獲得樂趣，它沒有任何區別。

來源

2013-04-25 Brandon

從您的容器格中移除data-toggle="modal"。

此屬性只應在用於啓動模式的button或a標記中。

來源

2013-04-25 22:57:13 mccannf

這樣做。不能相信我錯過了這一點。謝謝：） – Brandon 2013-04-26 14:03:37

我知道這個問題是真的老了，但我認爲我應該分享的事實，也觸發按鈕和模式標記不能包含在同一個div內。模式標記必須在包含觸發按鈕的div之外。我搜查了很長時間纔有人處理這個問題，所以感謝您發佈這個問題，因爲這有助於我認識到這個問題的另一個方面。

來源

2017-08-21 13:33:05 tofirius

輸入類型文件在引導程序模式下不工作

回答

相關問題