5

这非常奇怪。我有一个基本的 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 以获得它的乐趣，它没有任何区别。

4

2 回答 2

6

data-toggle="modal"从您的容器 div 中删除。

此属性应仅位于用于启动模式的buttonor标记中。a

于 2013-04-25T22:57:13.940 回答
1

我知道这个问题真的很老，但我想我应该分享一个事实，即触发按钮和模态标记也不能包含在同一个 div 中。模态标记必须在包含触发按钮的 div 之外。我找了很长时间来处理这个问题的人，所以感谢你发布它，因为它帮助我意识到这个问题的另一个方面。

于 2017-08-21T13:33:05.403 回答