javascript - Bootstrap : file input field ignores clicks when used in modal dialog

标签 javascript events file-upload twitter-bootstrap

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

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

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

只要我将 data-toggle="modal" 添加到模态容器,文件输入字段就会停止对点击使用react(并且浏览器不会显示文件选择对话框)。

我怀疑这是由 Bootstrap 的模态代码/事件处理引起的。点击事件在某处丢失了,但我真的弄不明白。

有什么想法吗?

最佳答案

我真的无法解释为什么,但是如果你把所有的属性都放在 documentation 中(在现场演示中),输入工作正常。

<div id="modal-upload" class="modal hide fade" tabindex="-1" 
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

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

关于javascript - Bootstrap : file input field ignores clicks when used in modal dialog,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15076927/

相关文章:

javascript - 在配置 AngularJS 中访问主机名

javascript - 当粘性导航锁定到位时,Bootstrap 4 显示搜索框

c++ - 如何处理 QThread 上的事件?

javascript - 在 asp 中单击按钮上传文件

javascript - 访问 Javascript 中未定义的值

javascript - 数组重复javascript

javascript - ReactJS:如何让组件在第一次渲染时调用方法?

events - 如何在python中捕获打印机事件

events - 如何以编程方式生成鼠标事件?

php - MIME 类型 XLSX(来自 LibreOffice)