JQuery,每个()都有UI.sortable()

时间:2013-06-06 13:45:27

标签: javascript jquery html

所以我有一个无序列表,可以使用jQuery ui进行排序。我需要在每次排序或重新排序时将数据优先级属性设置为1-6(或最高编号)。就目前而言,它将其设置为负载,并且在排序后不会重新设置它。

我为你做了一个小提琴。这可能很容易,但我无法弄清楚。 >(

$("#priority-list").sortable(); 
    $("#priority-list li").each( function(i){
    $(this).attr("data-priority", "pri-" + (i + 1));
});

谢谢!

link for jsfiddle

2 个答案:

答案 0 :(得分:2)

在排序后,您似乎没有执行代码来执行优先级排序。

http://jsfiddle.net/3CWBt/

$(function(){

    $("#priority-list").sortable({
        stop: setPriority
    });
    setPriority();

    function setPriority() {
        $("#priority-list li").each( function(i){
            $(this).attr("data-priority", "pri-" + (i + 1));
        });
    }

});

答案 1 :(得分:0)

$("#priority-list").sortable({
    stop : function( event, ui ) {
         $("#priority-list li").each( function(i){
             $(this).attr("data-priority", "pri-" + (i + 1));
         });
     }
});