制作Divs List of Divs＆amp;可点击

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();
});

希望有所帮助。