JQuery ,each() with UI.sortable()

本文关键字：UI sortable with JQuery each 更新时间：2023-09-26

所以我有一个使用jQuery ui可排序的无序列表。我需要在每次排序或重新排序时将数据优先级属性设置为1-6(或最高数字)。当它站立时，它将其设置为负载，并且在排序后不会重新设置它。

我为你做了一把小提琴。可能很简单，但我想不出来。> (

$("#priority-list").sortable(); 
    $("#priority-list li").each( function(i){
    $(this).attr("data-priority", "pri-" + (i + 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));
        });
    }
});

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