允許Gridstack僅可拖動到項目的特定區域

Question

我正在使用Gridstack js爲儀表板創建可拖動/可調整大小的小部件。該圖顯示了一個示例小部件。我保留默認的可拖動值，我可以通過雙擊小部件內部的任何位置來拖動它。我想要做的只是通過點擊灰色區域來使小部件可拖動。應該爲此忽略默認的可拖動值嗎？如果是這樣如何？我對jquery/js相當陌生，在互聯網上找不到類似的東西。

Answer 1

假設你正在使用jQueryUI的的拖動，就可以重新設置拖動構造的gridstack默認與你想不拖動任何元素取消選項。在下面的代碼中，添加not-draggable類網格堆棧項內的任何div都會抑制其拖動。

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