Divsのリストをソート可能およびクリック可能にする

Question

divのソート可能/ドラッグ可能なリストを1つ作成できますが、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で私が入れ。