.append JQuery无法在IE <table> </table>中工作

时间:2015-01-30 15:43:13

标签: jquery html internet-explorer-9 append

我的桌面在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");

1 个答案:

答案 0 :(得分:0)

由于它在IE9上工作正常,我建议用一个`.append()'方法附加整个HTML,而不是试图附加表并尝试使用带有id的选择器。听起来你的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/