draggable 도우미가 jqgrid에서 테이블 뒤쪽으로 이동

Question

JqGrid.But에 의해 구현 된 행에 대해 Jquery Draggable을 사용하여 항목을 드래그 할 때 끌기 도우미가 테이블 경계를 벗어나지 않습니다. 아이템을 떨어 뜨릴 수 있습니다. 그러나 도우미 항목은 드래그 과정 중에 테이블 외부에 표시되지 않습니다.

JqGrid 테이블 위에 도우미를 표시하려면 어떻게해야합니까?

$(document).ready(function(){  
    var dragText=''; 
    $("#list2 tr").draggable({     
      helper:helpText, 
      cursor : 'move', 
      revert : 'invalid' 
    }); 
    function helpText(){ 
      $("#tree li span").droppable(); 
      console.log('drag'); 
      dragText=$(this).find("td:nth-child(5)").text(); 
      return'<div id="draggableHelper">' + dragText + '</div>'; 
    }; 
}); 

Answer 1

당신은 HTML 본문 (또는 원하는 다른 봉쇄 영역)에 추가 할 도우미 DIV 필요 그래서 봉쇄 지역에 주변 어디에서나 떠 있었다 -이 :

코드 스 니펫 .

샘플 코드 :

$("#list2 tr").draggable({ 
    helper: function() { 
     return jQuery(this).clone().appendTo('body').css({ 
      'zIndex': 5 
     }); 
    }, 
    cursor : 'move', 
    revert : 'invalid' 
})