jQuery UI Sortable dynamic fixed items

Question

I need some help with getting some items to stay in place in a jquery UI sortable.

I know about JQuery sortable lists and fixed/locked items and it does work quite nicely, the problem is that this works fine if you're not adding items. If you add more items to the sortable you have to call .fixedsortable again and I'd like to avoid that. Here's an example of my setup:

<ul>
<li></li>
<li class="fixed"></li>
<li></li>
<li class="fixed"></li>
<li></li>
</ul>

I need the "fixed" class to remain in place when sorting.

mishik · Accepted Answer · 2013-07-07 15:05:10Z

1

You can make container element sortable so that you will not have to worry about new elements:

Demo

HTML:

<ul id="container">
    <li>1</li>
    <li class="fixed">2</li>
    <li>3</li>
    <li class="fixed">4</li>
    <li>5</li>
</ul>

JS:

 $("#container").sortable();

answered Jul 7, 2013 at 15:05

mishik

10k9 gold badges48 silver badges69 bronze badges

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

5 Comments

Kristiyan Kostadinov Over a year ago

my problem is that i need the class "fixed" to stay in place when reordering the other elements

Kristiyan Kostadinov Over a year ago

but that way they still get moved when you drag around other elements

Kristiyan Kostadinov Over a year ago

Sadly that one didn't work with dynamically added items either.

mishik Over a year ago

You simply need to recalculate correctIndex/correctItems arrays whenever you add a new item.

Kristiyan Kostadinov Over a year ago

I have some progress with stackoverflow.com/questions/4299241/… . I managed to get the fixedsortable working fine, until I delete an item from the sortable. I tried doing .sortable("refresh") but that returns an error

Collectives™ on Stack Overflow

jQuery UI Sortable dynamic fixed items

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related