html - 拖动时使 jQuery UI Draggable 光标在 Bootstrap Modal 中居中

标签 html jquery twitter-bootstrap jquery-ui bootstrap-modal

假设您有一个基本的 Bootstrap Modal

并且您尝试使用 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

关于html - 拖动时使 jQuery UI Draggable 光标在 Bootstrap Modal 中居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70366185/

相关文章:

html - 新词典网站的 SEO 问题,谷歌没有索引内容

Php 包含带有指向 css 的链接的头部不起作用

javascript - jQuery 单击下方的特定 div 时,尽管有 140 个限制,但仍保持 textarea 打开

css - 为什么会有人将 bootstrap 的网格限制扩展为 12?

html - Bootstrap 动态调整行高

javascript - Bootstrap carousel 滑动时滑动高度变化bug

html - Windows Safari 滤镜模糊支持

javascript - 无法使鼠标滚轮停在上方/下方的 Div 处

javascript - 在 jQuery 中展开和折叠表格行

javascript - 使用 JavaScript 进行 super 简单的电子邮件验证