How to use jquery ui sortable?

Question

I have a CMS and in my CMS I need to sort my menu by jquery sortable!

What is the result of sorting, I mean when I drag and drop an element by sortable what is the result of sorting? does jquery sortable give me a number of index?

for example:

when I drag an Item that is at the first in the menu, and put it at the end of the menu how to get index of the item at it's new position?

King King · Accepted Answer · 2014-07-12 10:16:58Z

6

You can handle the event sortstop (which can be done via the option stop), at this time the items have already had new order, you can access to the ui.item to get the dropped item and use .index() method to know its index in the collection of items (having the same parent):

$('ul').sortable({
  stop: function(e,ui){
    //show the index
    alert(ui.item.index());
  }
});

Demo.

edited Jul 12, 2014 at 10:16

answered Jul 12, 2014 at 9:44

King King

63.5k16 gold badges118 silver badges140 bronze badges

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

Collectives™ on Stack Overflow

How to use jquery ui sortable?

1 Answer 1

Demo.

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Demo.

Comments

Your Answer

Sign up or log in

Post as a guest

Related