使用jQuery UI Draggable，使用滚动条时如何避免拖动

Using jQuery UI Draggable, how to avoid drag when using scrollbar?

本文关键字：滚动条何避免拖动 jQuery UI Draggable 使用更新时间：2023-09-26

很久以前，我在应用程序中创建了一个对话框。对话框非常简单，位置绝对，通过javascript在屏幕中居中。

现在我已经将jQuery UI添加到应用程序中，但我不想仅仅因为它们的工作方式不同而使用jQuery UI的对话框。但我确实使用 jQuery UI 使我的对话框可拖动，因为它非常简单：

$('#dialog').draggable();

有一个问题，我的一些对话框有滚动条。
但是使用可拖动方法，如果有滚动条，它会出错，因为它会拖动对话框。

有没有办法让对话框在使用滚动条时不拖动？
我注意到有一些方法可以避免拖动元素，但滚动条不是元素。

谢谢

编辑：JSFiddle：http://jsfiddle.net/FGXnR/

作为一种解决方法，您可以尝试使用 handle 选项，并且仅使对话框可由不可滚动的部分拖动。(标题或类似内容。

@AlexFigueiredo指出的另一种解决方案涉及将内容/句柄包装在处理大小和滚动的div中——这似乎阻止了将点击事件发送到句柄。