输入类型文件在Bootstrap模式中不起作用

Question

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

Answer 1

data-toggle="modal"从容器div中删除.

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