Сделать список Divs сортируемым и кликабельным

Question

Можно ли составить список для сортировки / перетаскивания div, но в то время, когда я нажимаю на одну из div в списке, она выполняет .show('div') функцию jquery?

Пожалуйста, помогите

Answer 1

Я на самом деле только что закончил с этим. Я создал свой собственный плагин, используя методы 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();
});

надеюсь, это поможет.

Answer 2

Пользовательский интерфейс Jquery имеет перетаскиваемые и сортируемые взаимодействия.