Bootstrap Tooltip ไม่ทำงาน ไม่แสดงอะไรเลย

ใช้ Bootstrap Framework เพื่อสร้าง Tooltip เวลานำเมาส์ไปวางแล้วขึ้นข้อความ ลองทำตามแล้วไม่สำเร็จ Tooltip ไม่ทำงาน ไม่แสดงอะไรเลย ตัวอย่างโค้ดตามด้านล่าง ปัญหานี้เกิดจากอะไร และควรแก้ไขอย่างไร

<a data-toggle='tooltip' data-placement='top' title='คลิกเพื่ออ่านข้อมูลต่อ' href='readmore.html'>อ่านต่อ</a>

วิธีแก้ไข

ปัญหานี้อาจเกิดจากยังไม่ได้เปิดใช้งาน Tooltip กับ attribute data-toggle แนะนำให้เปิดใช้งาน tooltip ผ่าน data-toggle="tooltip" ก่อน โดยเพิ่มโค้ด JavaScript ด้านล่างไว้ภายในเว็บไซต์ โดยมีรายละเอียดดังนี้

<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });  
</script>

ผลลัพธ์