부트 스트랩 데이터 속성 API를 초기화하는 방법은 무엇입니까?

Question

이것은 JavaScript 구성 요소를 사용할 때 잠시 동안 나를 괴롭 히며, 소위 first class API 인 Data Attributes API를 통해 JavaScript 구성 요소를 사용하는 방법을 파악할 수 없습니다.

예. 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에 복사했습니다. 내가 aviod 노력하고있어입니다

<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>