javascript - jQuery ,each() 和 UI.sortable()

Question

所以我有一个可以使用 jQuery ui 排序的无序列表。我需要在每次排序或重新排序时数据优先级属性为 1-6（或最高数字）。就目前而言，它会在加载时设置它，并且不会在排序后重新设置它。

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

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

谢谢！

jsfiddle 的链接

Answer 1

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

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

});

Answer 2

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