jquery - 创建时在 Internet Explorer 中出现错误使用 jQuery

Question

我在用：

$("<div/>", {
id: "overlay",
class: "web_dialog_overlay"
}).appendTo("body");
$("<div/>", {
id: "dialog",
class: "web_dialog",
html: "<div class='d_title'>Server error! Try again later</div><div class='button ok' id='ok'>Ok</div>"
}).appendTo("body");
$('#overlay').show();
$('#dialog').fadeIn(300);

这段代码在 google chrome、firefox 和 opera 中运行良好。但不能在 Internet Explorer 中工作。

我正进入（状态

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; Tablet PC 2.0)
Timestamp: Mon, 3 Dec 2012 13:26:49 UTC


Message: Expected identifier, string or number
Line: 335
Char: 1
Code: 0
URI: http://localhost/signup

335线是id: "overlay",

该怎么办？提前致谢。

Answer 1

确保用引号将对象中的类属性名称括起来，因为它是为将来使用而保留的。https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Reserved_Words

$("<div/>", {
    id: "overlay",
    "class": "web_dialog_overlay"
}).appendTo("body");

$("<div/>", {
    id: "dialog",
    "class": "web_dialog",
    html: "<div class='d_title'>Server error! Try again later</div><div class='button ok' id='ok'>Ok</div>"
}).appendTo("body");

$('#overlay').show();
$('#dialog').fadeIn(300);