jQuery UI 부트 스트랩 모달

Question

내 프로젝트에이 부트 스트랩 3 모달 구조가 있고 크기를 조정할 수 있고 드래그 할 수 있어야합니다. 찾았습니다. this example jQuery를 사용합니다.하지만이 함수를 예제에서 프로젝트에 적용하면 작동하지 않습니다.

// Modal Link 
$('#modal_link').click(function() { 
    $('#dialog-message').dialog('open'); 
    return false; 
}); 

<div style="display: none;" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div id="dialog" class="modal-content"> 
      <div class="modal-header"> 
       <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button> 
       <h4 class="modal-title">Title</h4> 
      </div> 
     </div> 
    </div> 
</div> 

누군가가이 상황에 나를 도울 수 있다면 PLS. Here is a fiddle example. 고맙습니다!

Answer 1

코드 스 니펫에 "dialog-message"라는 ID가있는 div가 표시되지 않습니다. 당신의 바깥 쪽 div는 id = "dialog-message"를 포함해야합니까?