Entrée de fichier avec un div flottant ne fonctionne pas

Question

J'ai un div que je suis flottant comme un dialogue sur ma page. Lorsque j'utilise essayer et utiliser le, le sélecteur de fichier ne s'affiche pas. Toute aide serait appréciée.

La fonction pour créer la div flottante ressemble

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

J'ai trouvé le problème. J'ai eu quelques gestionnaires de clic. Un clic sur le mainFloater cacherait tout. Un clic sur le floaterFieldset annulerait le clic (donc il ne se cacherait pas). Cependant, le clic Annuler a également annulé les clics pour tous les boutons.

Answer 2

Si j'utilise le script à onload il fonctionne.

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