.append <table> IE에서 JQuery가 작동하지 않습니다.

Question

내 테이블이 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을 추가하는 대신 테이블을 추가하고 시도하려고 제안 id를 가진 selector를 사용한다.

$("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/