.append <table> JQuery 在 IE 中不工作

Question

我的 table 在 Firefox 中打印正常，但在 IE9 中不显示。

如有任何帮助，我们将不胜感激。

谢谢。

请看下面的代码：

$("p").append("<br>");
$("p").append("This is printing in IE"); //table is not

$("p").append("<table id=\"course_titles\" class=\"display\" bgcolor = \"#CC0000\" width=\"75%\" cellspacing=\"0\" border = \"1\">");
$("#course_titles").append("<tr>");
$("#course_titles").append("<td><b>Course Title</b></td>");
$("#course_titles").append("<td><b>CU Equivalent</b></td>");   //None of this table is printing in IE, works in Firefox
$("#course_titles").append("<td><b>Subject</b></td>");
$("#course_titles").append("<td><b>ECTS</b></td>");
$("#course_titles").append("<td><b>Credit Value</b></td>");
$("#course_titles").append("<td><b>Course Number</b></td>");
$("#course_titles").append("</tr>");
$("#course_titles").append("</table>");

$("p").append("<br>");
$("p").append("This is printing fine in IE");

Answer 1

因为它在我的 IE9 上运行良好，我建议用一个 `.append()' 方法附加整个 HTML 而不是尝试附加 table 并尝试使用选择器与其编号。听起来您的 IE9 无法找到最有可能附加的元素 DOM 元素尚未准备好使用：

$("p").append('<table id="course_titles" class="display" bgcolor = "#CC0000" width="75%" cellspacing="0" border = "1">'
    +'<tr>'
    +'<td><b>Course Title</b></td>'
    +'<td><b>CU Equivalent</b></td>'
    +'<td><b>Subject</b></td>'
    +'<td><b>ECTS</b></td>'
    +'<td><b>Credit Value</b></td>'
    +'<td><b>Course Number</b></td>'
    +'</tr>'
    +'</table>');

http://jsfiddle.net/rb1ydsk0/2/

.append <table> JQuery 在 IE 中不工作

.append <table> JQuery not working in IE

html

jquery

append

internet-explorer-9