Draggable object - 从标题拖动

Question

我有这个 HTML 弹出窗口 object 我用 jQuery 让它可以拖动。现在我可以从 object 中的任何点拖动此弹出窗口，这会导致滚动出现问题 - 如果我尝试通过拖动滚动条内的小矩形来滚动 - 它会拖动整个弹出窗口。

我想只通过拖动标题来拖动弹出窗口 - 所以如果我拖动标题，它会拖动整个弹出窗口，但我无法从任何其他点拖动弹出窗口 (文本区域、白色背景、滚动条....)

Answer 1

您可以在 Jquery UI

中使用 handles

If specified, restricts dragging from starting unless the mousedown occurs on the specified element(s). Only elements that descend from the draggable element are permitted.

例如：

$( "your popup" ).draggable({
  handle: "title id"
});

参考handle