Ajouter une boîte de dialogue à la racine du document, jQuery

Question

dans ce example la boîte de dialogue est ajoutée à un élément # dialog-confirm. Mais je veux qu'il soit ajouté juste au corps et je ne veux pas d'élément de dialogue dialogue-confirmation div # dans mon code HTML. Alors, comment je réalise cela?

Answer 1

Vous pouvez ajouter div # dialog-confirmation dynamicly

$(document.documentElement).append('<div id="dialog-confirm" title="Empty the '+ 
    'recycle bin?"<p><span class="ui-icon ui-icon-alert" style="float:left; ' + 
    'margin:0 7px 20px 0;"></span>These items will be permanently deleted and' + 
    ' cannot be recovered. Are you sure?</p></div>'); 

$("#dialog-confirm").dialog(); 

Answer 2

Vous pouvez simplement utiliser $('body') pour entourer l'objet corps du document dans un emballage jQuery, et agir sur ce point.