jquery를 사용하여 테이블을 드래그 앤 드롭

Question

jquery를 사용하여 엘레멘트를 끌어서 놓고 다른 모든 것들을 3x3 테이블에 맞게 정렬하려면 어떻게해야합니까? 제발 도와주세요. 나는 정말로 혼란 스럽다.

이것은 내가 지금까지 시도한 것입니다 :

$(document).ready(function(){ 
     $(".smsSecond").draggable({containment: ".maincol"});//, revert: true 

    $(".smsSecond").click(function(){ 
     $(this).hide(500); 
    }); 

    $(document).bind("contextmenu", function(e) { 

    $('.smsSecond').show(500); 

    return false; 

}); 
}); 

Answer 1

jQuery를 UI를 시도 예를 들어 자원은 here입니다. 필요에 맞게 변경할 수 있습니다.