Jquery 如何确定引导模型的拖动区域

我使用Bootstrap v3.3.4版本，我想防止模型移出窗口。 我尝试使用下面的代码来修复对话框的拖动区域，但它不起作用

$("[role=dialog]").draggable({
            handle: ".modal-header",
            containment: "window"
        });

---

Bootstrap没有draggable（），您需要为此添加JqueryUi

$（函数（）{
$（“#可拖动”）.draggable（）；
});

jQuery UI可拖动-默认功能
小组标题
把我拖来拖去

我花了2-3天时间搜索谷歌和其他源代码，最终找到了解决方案
仅用于在浏览器窗口中防止拖动区域。只需设置包容属性窗口

解决方案如下：

$("[role=dialog]").draggable({
        containment: "window"
    })

引导没有可拖动的组件。你是说jQueryUI INSTEAD吗？我只是试着用它，bootstrap有了draggable。给我们你的html和错误，你会得到“Dialog draggable”-有一个模型正在拖动，但它会从窗口中消失，我想阻止它。在这个模型中，它正在移出窗口，所以我只想阻止它。在plnkr中更新你的代码，所以我们可以找出问题所在。然后你可以实现这个，上面的plnkr代码工作正常。这里我重点介绍你创建的代码的问题所在。我想阻止的。打开这一页，你们会知道的。