Javascript HierarchyRequestError

Question

FF JS解释器不喜欢这段代码：

var dialog = "<div id=\"dialog\" title=\"Dimensions\"><p>new width = " + r[0] + "mm</p><p>new height = " + r[1] + "mm</p></div>";
$("body").append(dialog).dialog({ resizeable:false, modal:true, buttons:{"OK":function(){ $(this).dialog("close"); }} });

为什么这有问题？

  

HierarchyRequestError：无法在指定点插入节点   在层次结构中

Answer 1

可能是因为$("body").append(dialog)会返回正文而非附加元素而$("body").append(dialog).dialog({...});正在尝试在正文上调用 .dialog 吗？

尝试将呼叫分离到：

$("body").append(dialog);
$('#dialog').dialog({ resizeable:false, modal:true, buttons:{"OK":function(){$(this).dialog("close"); }}});