带有浮动 div 的文件输入不起作用

Question

我有一个 div，它作为对话框浮动在我的页面上。当我使用 try 并使用 时，文件选择器不会显示。任何帮助将不胜感激。

创建浮动div的函数看起来像

function openFloat($html)
{
    $floatDiv = $('<div id="mainFloater" class="floater" ></div>');
    $center = $('<div id="floaterCenter" class="floater" align="center"></div>');
    $fieldset = $('<fieldset id="floaterFieldset" align="left" id="floaterFieldset"></fieldset>');
    $fieldset.append($html);
    $floatDiv.append($center);

    $center.append($fieldset);
    $('body').append($floatDiv);
}
openFloat($('<input type="file" name="file">'))

Answer 1

如果我在加载时使用该脚本，它确实可以工作。

<script type="text/javascript">
function openFloat($html)
{
    $floatDiv = $('<div id="mainFloater" class="floater" ></div>');
    $center = $('<div id="floaterCenter" class="floater" align="center"></div>');
    $fieldset = $('<fieldset id="floaterFieldset" align="left" id="floaterFieldset"></fieldset>');
    $fieldset.append($html);
    $floatDiv.append($center);

    $center.append($fieldset);
    $('body').append($floatDiv);
}
$(document).ready(function(){
    openFloat($('<input type="file" name="file">'));
});
</script>

Answer 2

我发现了问题。我有一些点击处理程序。单击 mainFloater 将隐藏所有内容。单击 floaterFieldset 将取消单击（因此它不会隐藏）。但是，取消单击也会取消所有按钮的单击。