jQuery UI引導模式

Question

我在我的項目中有這個bootstrap3模態結構，我想要模態可調整大小和拖動。 我發現this example哪些使用jQuery ui來做到這一點，但是當我將這個函數從示例應用到我的項目不工作時：

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

如果有人能幫助我這種情況請。 Here is a fiddle example. 謝謝！

Answer 1

我在代碼片段中沒有看到帶有「dialog-message」標識的div。你的外部div應該包含id =「dialog-message」？