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

【问题标题】：File Input with a floating div not working带有浮动 div 的文件输入不起作用
【发布时间】：2010-09-12 03:57:59
【问题描述】：

我有一个 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">'))

【问题讨论】：

标签： html input floating

【解决方案1】：

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

<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>

【讨论】：

【解决方案2】：

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

【讨论】：