Javascript分层请求错误

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"); }} });

var dialog=“newwidth=“+r[0]+”mm
newheight=“+r[1]+”mm
”；
$（“body”）.append（dialog.dialog（{resizeable:false，modal:true，按钮：{“OK”：function（）{$（this.dialog）（“close”）；}}）；

为什么会有问题

HierarchyRequestError:无法在指定点插入节点 在等级制度中

---

可能是因为

$（“body”）.append（dialog）

返回body而不是追加的元素，而

$（“body”）.append（dialog）.dialog（{…}）正在尝试调用正文上的.dialog

尝试将呼叫分离到：

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

这是一个很好的观点
.dialog
应应用于附加的子项。