在文档根目录jQuery中添加一个对话框

Question

在此example中，该对话框将添加到＃dialog-confirm 元素中。但我想将它添加到正文中，我不希望在我的html中有任何预定义的div＃dialog-confirm元素。那么我怎么意识到这一点？

Answer 1

您可以简单地使用$('body')将文档正文对象括在jQuery包装器中，并对其进行操作。

Answer 2

您可以动态添加div＃dialog-confirm

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