拖动时使 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
假设你有一个基本的 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