JQuery ,each() with UI.sortable()

Question

So I have an unordered list that's sortable using jQuery ui. I need the data-priority attribute to be 1-6 (or highest number) on every sort or re-sort. As it stands it sets it on load and doesn't re-set it after the sort.

I made a fiddle for you. It's probably something easy but I can't figure it out. >(

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

Thanks!

link for jsfiddle

You ar not calling the 2 last lines. You must create a function and call it each time a line is moved to re-compute attributes. Give a look at the doc, the "change" event : api.jqueryui.com/sortable/#event-change — TCHdvlp
– TCHdvlp, Commented Jun 6, 2013 at 13:50

Jason P · Accepted Answer · 2013-06-06 13:51:33Z

2

It looks like you aren't executing the code to do the prioritization after you sort.

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

});

answered Jun 6, 2013 at 13:51

Jason P

27k3 gold badges34 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

som · Accepted Answer · 2013-06-06 13:56:13Z

0

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

answered Jun 6, 2013 at 13:56

som

4,6542 gold badges23 silver badges36 bronze badges

Collectives™ on Stack Overflow

JQuery ,each() with UI.sortable()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related