jquery - jQuery UI 引导模式

Question

我的项目中有这个 bootstrap3 模态结构，我希望模态可调整大小和可拖动。我发现这个例子使用 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>

如果有人可以帮助我解决这种情况，请。 这是一个小提琴示例。 谢谢！

Answer 1

我在您的代码片段中没有看到 id 为“dialog-message”的 div。您的外部 div 是否应该包含 id="dialog-message"？