jquery ui 컨테이너 내에서 드래그 가능한 스크롤

Question

나는 순서가 지정되지 않은 목록을 가지고 있으며 jquery와 draggable을 사용하여 각 목록 항목에 드래그 가능한 기능을 추가했습니다. 목록은 id = "content"인 div 안에 있습니다. 나는 (컨테이너 내의 모든 목록 항목을 드래그하고 때 내가하고 싶은 무엇

<script src="../../jquery-1.8.0.js"></script> 
<script src="../../ui/jquery.ui.core.js"></script> 
<script src="../../ui/jquery.ui.widget.js"></script> 
<script src="../../ui/jquery.ui.mouse.js"></script> 
<script src="../../ui/jquery.ui.draggable.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $(".draggable").draggable({ 
     scroll: true, 
     scrollSensitivity: 100, 
     revert: true, 
     containment: '#content', 
     zIndex: 999990, 
     revertDuration: 100, 
     delay: 100 
    }); 
}); 
</script> 
<div style="width:200px;height:300px;overflow:auto;" id="content"> 
    <ul> 
    <li class="draggable">One</li> 
    <li class="draggable">Two</li> 
    <li class="draggable">Three</li> 
    <li class="draggable">Four</li> 
    <li class="draggable">five</li> 
    <li class="draggable">six</li> 
    <li class="draggable">Seven</li> 
    <li class="draggable">Eight</li> 
    <li class="draggable">Nine</li> 
    <li class="draggable">Ten</li> 
    <li class="draggable">Eleven</li> 
    <li class="draggable">Twelve</li> 
    <li class="draggable">Thirteen</li> 
    <li class="draggable">Fourteen</li> 
    <li class="draggable">Fifteen</li> 
    <li class="draggable">Sixteen</li> 
    <li class="draggable">Seventeen</li> 
    <li class="draggable">Eighteen</li> 
    <li class="draggable">Nineteen</li> 
    <li class="draggable">Twenty</li> 
     </ul> 
</div> 

는 : 여기 내 UL 목록 여기

의 스냅 샷은 내가 작성한 코드입니다 즉 id = "content"가있는 div) 마우스가 div 테두리 나 크기의 가장자리에있을 때 컨테이너가 스크롤되어 컨테이너 내에서 위아래로 이동할 수 있어야합니다.

예를 들어 목록의 마지막 목록 항목을 목록의 첫 번째 항목으로 드래그하려는 경우 마우스가 div 가장자리의 상단에 있으면 컨테이너 (우리 사례의 div)도 자동으로 스크롤해야합니다 . 이게 jquery에서 드래그 가능한 버그입니까? 도와주세요

Answer 1

jQuery를 1.7.2

(그것은 당신의 jQuery UI를 다운로드 할 때 아직 나는 생각합니다. 당신은 RAR에서 최신 호환 버전을 찾을 수 있습니다 1.8와 함께 작동 안)