javascript - ドラッグ可能なdivJqueryUI

Question

ヘッダーdivを押してメインラッパーをドラッグできるようにしたい。

ドラッグしたいメインラッパーdivは#popupContactです

ヘッダーdivは#popupHeaderGradientと呼ばれます。

Jquery UIを使用していて、$（'＃popupHeaderGradient'）。draggable（）;で動作するようになりました。

ただし、これではヘッダー要素を移動することしかできません。

ヘッダー要素をドラッグして、メインラッパー全体をドラッグしたいと思います。

Answer 1

$('#popupContact').draggable({handle: "#popupHeaderGradient"});

Answer 2

handleオプションを使用して、「ドラッグハンドル」として使用するものをjqueryに指示します

$('#popupContact').draggable({
   handle: '#popupHeaderGradient'
});