拖动时使 jQuery UI 可拖动光标居中 Bootstrap 模态

Make jQuery UI Draggable Cursor centered in Bootstrap Modal when dragging

假设你有一个基本的 Bootstrap 模态

然后您尝试使用 jQuery UI.

使其可拖动

你可以简单地做,这个 $('#myModal').draggable()

效果很好,但是我注意到光标的速度比模态框的拖动速度快很多。这可能导致光标远远领先于实际模态,并且看起来很不稳定。

这是我的意思的一个例子 https://jsfiddle.net/dzmqg8ub/3/

有什么解决办法吗?

谢谢!

这应该有效!

您遇到的“滞后”是因为

<div class="modal-dialog modal-sm"

通过删除模态对话框并在上面的 1 div 中插入模态对话框

<div class="modal-dialog modal fade" id="modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >

它解决了您的问题!

这是一个demo