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

Question

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

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

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

只要我将data-toggle="modal"添加到模态容器，文件输入字段就会停止对点击作出反应（浏览器不会显示文件选择对话框）。

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

有什么想法吗？

Answer 1

我的同志建议以另一种方式这样做：

<a class="btn btn-primary" href="#" style="margin-left: 100px" id="prefix">Choose file</a><input type="file" id="file_source" style="position:absolute;z-index:2;top:0;left:0;filter:alpha(opacity=0);opacity:0;background-color:transparent;color:transparent;">

分开a＆amp;输入然后调用点击事件

    jQuery("#prefix").click(function()
    {
        console.log("INSERT JSON");
        $("#file_source").click();
        return false;
    });