Twitter Bootstrap模式形式:如何拖放？

Question

我希望能够走动(在变灰的背景下,通过拖放)由引导2.提供的模态形式谁能告诉我什么实现,这是最好的做法呢？

Answer 1

默认情况下,引导程序没有任何拖放功能,但您可以在混合中添加一些jQuery UI spice以获得您正在寻找的效果.例如,使用draggable框架中的交互,您可以定位模态ID,以允许在模态背景中拖动它.

试试这个:

JS

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

演示,在这里编辑.

更新:bootstrap3演示

Answer 2

无论你选择哪种可拖动选项,你可能想要关闭bootstrap的CSS文件中的*-transition属性.modal.fade,或者至少写一些在拖动过程中暂时禁用它们的JS.否则,模态不会像您期望的那样完全拖动.