Gridstack이 항목의 특정 영역에만 드래그 가능하도록 허용합니다.

Question

Gridstack js를 사용하여 대시 보드의 드래그 가능한/크기 조정 가능한 위젯을 만듭니다. 위 그림은 예제 위젯을 보여줍니다. 기본 draggable 값을 그대로 유지하고 위젯 내부의 아무 곳이나 두 번 클릭하여 드래그 할 수 있습니다. 내가하고 싶은 것은 회색 영역을 클릭하는 것만으로 위젯을 드래그 할 수있게 만드는 것입니다. 기본 draggable 값을이 값으로 대체해야합니까? 그렇다면 어떻게? jquery/js에 상당히 익숙하며 인터넷에서 비슷한 것을 찾을 수 없습니다.

Answer 1

당신은 드래그 할 수 없습니다 할 모든 요소에 취소 옵션을 jQueryUI의 드래그, 당신은 할 수 다시 설정 드래그 생성자의 gridstack의 기본을 사용하는 가정. 아래 코드에서 격자 스택 항목 안에 div가있는 not-draggable 클래스를 추가하면 드래그가 억제됩니다.

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