목록으로

jquery draggable 이벤트 부여했는데 z-index때문에 작동안되는 문제 채택완료

kimckimc 8년 전 조회 5,142

빨간 동그라미 HTML이 빨간네모 박스 div입니다.

여기에다가 jquery draggable 이벤트를 부여하고 마우스 드레그 하면 작동은 잘 됩니다.

문제는 파란 4개 박스 인데요.

이 div는 빨간 div하고 겹친 상태(top, left 거의 동일)이며 position: absolute 상태입니다.

그러나 div 파란색은 어쩔수없이 꼭 z-index 100을 부여해야 합니다. 이로인해 빨간 div보다 z-index가 높으니 jquery draggable 작동이 안되네요.

아무리 z-index가 낮아도 jquery draggable 작동되는 방법은 없나요?

#jquery

댓글을 작성하려면 로그인이 필요합니다.

정렬:

kimckimc

8년 전

해결 : pointer-events: none;

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

그림자밟기

8년 전

그냥 파랭이 빨갱이 상위 노드에 이벤트 주면 안되나요? 상위 노드가 광범위 하다면 div하나 더 맹글어주고요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Feelz996

8년 전

둘다 position이 absolute이고 z-index가 파란색이 더 높다면 해결방법이 없을것 같네요.

어떤 기능이 필요한건지.. 또 왜 파란색은 꼭 z-index를 100으로 해야 하는지를 몰라서

답변을 드리기 어렵겠네요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.