Bootstrap:文件输入字段在模态对话框中使用时忽略单击

Bas*_*Ben 4 javascript events file-upload twitter-bootstrap

我对Bootstrap和文件字段有一点奇怪的问题:

对于一个项目,我正在实现一个简单的上传对话框.

http://jsfiddle.net/RxxSv/4/

一旦我添加data-toggle="modal"到模态容器,文件输入字段就会停止对点击作出反应(并且浏览器不会显示文件选择对话框).

我怀疑这是由Bootstrap的模态代码/事件处理引起的.在某个地方,点击事件正在迷失,但我无法弄明白.

有任何想法吗?

Pig*_*ras 5

我无法解释原因,但是如果您放置文档中的所有属性(在Live Demo中),输入就能正常工作.

<div id="modal-upload" class="modal hide fade" tabindex="-1" 
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
Run Code Online (Sandbox Code Playgroud)

JSFiddle:http://jsfiddle.net/4TQvY/