Divs 목록 만들기 Sortable & Clickable

Question

목록에서 div의 정렬/드래그 가능 목록을 만들 수 있습니까? 아직 div 중 하나를 클릭하면 .show('div') jquery 기능을 수행합니까?

Jquery UI

Answer 1

이 draggable and sortable 상호 작용을 가지고 도와주세요.

Answer 2

나는 실제로 그 일을 처리했다. jquery-ui 메소드, sortable() 및 portlet()을 사용하여 자체 플러그인을 만들었습니다. 도움이

$(document).ready(function(){ 
    $('#jobTable').jSortable(); 
}); 

희망 :

(function($){ 
$.fn.jSortable = function(){ 

    var element = this; 
    var fixHelper = function(e, ui) { 
     ui.children().each(function(){ 
      $(this).width($(this).width()); 
     }); 
     return ui; 
    }; 

    $(element).find("div.odd").addClass("odd2"); 
    $(element).find("div.even").addClass("odd2"); 
    $(element).find("div.job-items-block").hide(); 

    $(element).sortable({ 
     distance: "30" 

    }); 

    $(".full-job-portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix") 
     .find(".odd2") 
      .addClass("ui-widget-header") 
      .end() 
     .find(".job-items-block"); 

    $(".odd2").click(function(){ 
     $(this).parents(".full-job-portlet:first").find(".job-items-block").slideToggle(); 
    }); 
    $(element).disableSelection(); 
}; 

})(jQuery); 

다음 내 HTML에 내가 넣어 : 여기 내 코드입니다.