Gridstackをアイテムの特定の領域にのみドラッグ可能にする

Question

Gridstack jsを使用して、ダッシュボード用のドラッグ可能なサイズ変更可能なウィジェットを作成しています。写真はウィジェットの例を示しています。私はデフォルトのドラッグ可能な値をそのまま保ち、ウィジェット内のどこかをダブルクリックしてドラッグすることができます。私がしたいのは、グレーの領域をクリックするだけでウィジェットをドラッグ可能にすることです。このためにデフォルトのドラッグ可能な値をオーバーライドする必要がありますか？もしそうなら、どのように？私はかなりjquery/jsを新しくしており、インターネット上で同様のものは見つかりませんでした。あなたはドラッグではないにしたい任意の要素に取消オプション付きjQueryUIのドラッグ可能な、あなたは再設定することができますドラッグ可能なコンストラクタのgridstackのデフォルトを使用していると仮定すると、

Answer 1

。以下のコードでは、グリッドスタックアイテム内の任意のdivにnot-draggableクラスを追加すると、そのドラッグが抑制されます。

$('.grid-stack-item').draggable({cancel: "div.not-draggable" });