文件輸入與浮動div不工作

Question

我有一個div，我浮動爲我的網頁上的對話框。當我使用try和use時，文件選擇器不會顯示。任何幫助，將不勝感激。

的函數來創建浮動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

我發現了這個問題。我有一些點擊處理程序。點擊mainFloater會隱藏一切。點擊floaterFieldset會取消點擊（所以它不會隱藏）。然而取消點擊也取消了所有按鈕的點擊。

Answer 2

如果我使用的腳本在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>