如何初始化引導數據屬性API？

Question

這使我在使用JavaScript組件時遇到了一些問題，我似乎無法弄清楚如何通過Data Attributes API（即所謂的第一類API）使用它們。

E.g.模態，按該documentation：

<a href="#CreateTable" role="button" class="btn" data-toggle="modal">Add Mortality Table</a> 
<div id="CreateTable" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     Hello 
</div> 

現在從我可以告訴所有我需要做的是有bootstrap.js包括在頁面上，當我點擊鏈接，模態彈出。

但並不我需要添加一個事件監聽器，如下：

$('.modal').click(function(){ 
    $("#CreateTable").modal(); 
}); 

只有這樣的模式會打開，是有什麼我失蹤？我必須初始化bootstrap.js嗎？

Answer 1

這似乎是工作。我在這裏將你的html複製到jsfiddle中。

<a href="#CreateTable" role="button" class="btn" data-toggle="modal">Add Mortality Table</a><div id="CreateTable" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">Hello</div> 

JSFiddle Link

Answer 2

試試這個：

<script> 
$(document).ready(function() { 
    $("#CreateTable").modal(); 
}); 
</script>