Добавить диалог к ​​корню документа, jQuery

Question

в этом примере диалог добавляется к элементу # dialog-Подтверждение . Но я хочу, чтобы он был добавлен только в тело, и я не хочу, чтобы в моем html был какой-либо предопределенный элемент div # dialog-verify. Так, как я понимаю это?

Answer 1

Вы можете добавить div # диалоговое подтверждение динамически

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

Вы можете просто использовать $('body'), чтобы заключить объект тела документа в оболочку jQuery и действовать в соответствии с этим.