Nicescroll 플러그인 오버 플로우 문제의 jQuery draggable 내부

StackOverflow https://stackoverflow.com/questions/19847290

문제

안녕하세요 저는 다른 div에 삭제 해야하는 드래그 가능한 항목 목록이 있습니다.

나는 jQuery 플러그인 Nicescroll을 사용하고 있으며 Nicescroll의 '외부'외부를 드래그 할 수 없으며 오버플로가 숨겨져 있지만 작동하게 할 수는 없다고 생각합니다.

드롭 이벤트는 하락 가능한 div 위로 마우스를 놓으면 발사됩니다.

나는 가지고있다 

//COMMENT ME OUT TO SEE THAT IT WORKS WHEN niceScroll IS NOT ENABLED
$("#external-sales-orders").niceScroll();

$(".external-event").draggable({
    revert: true

});

$("#droppable").droppable({
    drop: function(){
        alert("Dropped");
    }
});

이것을 확인하십시오 : http://jsfiddle.net/byk4j/2/

감사!

도움이 되었습니까?

해결책

복제품을 만들어서 추가하십시오 body:

$(".external-event").draggable({
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});

깡깡이

appendto () 문서를 확인하십시오. jQuery UI API.

Appendto는 드래그하는 동안 드래그 가능한 도우미를 추가 해야하는 요소를 지정합니다. 기본적으로 이것은 요소 부모로 설정됩니다.

업데이트:

Nice Scroll 플러그인과 합의에서 원하는 기능을 달성하는 방법을 알아 냈습니다. 요소가 드래그되면 원래 요소를 다음으로 설정합니다. visibility:hidden 그래서 그 자리는 여전히 보존 된 다음 항목이 떨어지면 visibility. 여기에 있습니다 업데이트 된 바이올린.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top