เปิดใช้งาน HTML5 Elements ใน IE8 ที่ Insert ผ่าน AJAX

ใช้ HTML5 Shiv (html5shiv)

IE8 ไม่รู้จัก HTML5 Elements (section, article, nav, header, footer ฯลฯ) ต้องสร้างด้วย JS ก่อน

1. โหลด html5shiv

<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

2. สร้าง Element ด้วย JS (สำหรับ AJAX Content)

var demo = document.createElement("demo");
demo.innerHTML = "Working!";
document.body.appendChild(demo);

html5shiv จะสร้าง Elements ทั้งหมดให้อัตโนมัติเมื่อโหลด แต่เนื้อหาที่โหลดด้วย AJAX ต้องสร้าง Element ใหม่ด้วย document.createElement ก่อน Append