drag-and-drop - Twitter Bootstrap 模态表单 : How to drag and drop?

标签 drag-and-drop twitter-bootstrap

我希望能够移动(在灰色背景上,通过拖放)Bootstrap 2 提供的模态表单。谁能告诉我实现此目的的最佳实践是什么?

最佳答案

默认情况下, Bootstrap 不附带任何拖放功能,但您可以添加一些 jQuery UI 香料来获得您想要的效果。例如,使用 draggable通过框架的交互,您可以定位您的模态 ID,以允许它在模态背景中拖动。

试试这个:

JS

$("#myModal").draggable({
    handle: ".modal-header"
});

Demo ,编辑here .

更新:bootstrap3 demo

关于drag-and-drop - Twitter Bootstrap 模态表单 : How to drag and drop?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12591597/

相关文章:

javascript - Bootstrap popover 是否复制元素而不是移动它们? (点击处理程序不工作..)

html - jQueryUI 'Blind' 效果在动画时引入页面流中断

html - 将 .panel 与 FIELDSET 和 .panel-heading 与 LEGEND 组合时的设计问题

javascript - Vue : Element responses too slow to dragover event

c# - 如何在我的 "Metro Style"应用程序中拖放 WPF?

javascript - 添加item时,拖动事件不起作用

css - 我的 .label 类将仅显示在 intel-xdk 的模拟屏幕上

css - 使用 wells 的 Twitter bootstrap(safari vs chrome)

Javascript 拖放 如何在 if 语句中添加可拖放的目标 id 以检查正确答案?

ios - 上下文菜单阻止拖放到新窗口中