使Div的列表可排序和可點擊

Question

可以列出div的排序/拖拽，但如果我點擊其中一個div的列表中它執行.show('div') jQuery的功能？

請幫

Answer 1

的Jquery UI有draggable and sortable相互作用。

Answer 2

我其實剛剛完成了。我使用jquery-ui方法sortable（）和portlet（）創建了自己的插件。這裏是我的代碼：

(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我放在：

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

希望幫助。