可拖动对象 - 从标题拖动

Question

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

我希望仅通过拖动标题来拖动弹出窗口 - 因此，如果我拖动标题，它将拖动整个弹出窗口，但我将无法从任何其他点拖动弹出窗口（textarea ，白色背景，滚动条....）

Answer 1

你可以在 Jquery UI 中使用handles

如果指定，则限制拖动开始，除非鼠标按下 发生在指定的元素上。仅来自以下的元素 允许拖动元素。

例如：

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

参考handle