Here’s a hopefully bug-free version, updating as you drag. It’s generating the current desired positions of the items when sorting starts, which means you should be able to change the classes whenever you need, refresh the widget’s list items and you’re good to go. It also uses the sortable’s built-in items property to prevent dragging … Read more
The problem is very simple. First let’s set up the scenario. You have a list of sortable elements, your page is higher than your screen so it has a scrollbar, your page is at the very bottom, the scroll bar all the way down. The issue, you go to drag an element which causes jQuery … Read more
Answer from: http://forum.jquery.com/topic/sortables-update-callback-and-connectwith update: function(e,ui) { if (this === ui.item.parent()[0]) { //your code here } }
I believe the following fiddle is what you’re after: http://jsfiddle.net/GA4Qs/13/ jQuery sortable needs to be applied to the parent element containing the elements you want to be sorted. $(‘#psP’).sortable({placeholder: “ui-state-highlight”,helper:’clone’}); Also you didn’t close your divs in the right place. <div style=”position: relative;” class=”sortable”> <span class=”stepNum inset”>1</span> <textarea placeholder=”Escribe que hay que hacer en este … Read more
Can you include the syntax you used for connectWith? Did you place the list of other groups inside brackets(even if it’s a selector)? That is: …sortable({connectWith:[‘.group’], … }
The cancel option defaults to :input,button which conflicts with your handle setting. Just setting it to an empty string works fine. $(“table tbody”).sortable({ handle: ‘button’, cancel: ” }) http://jsfiddle.net/22C2n/705/
The smallest and simplest code I found was HTML5 Sortable. It’s a tiny JQuery plugin that works across a wide range of browsers, and is only 1.5 KB in size. Demos of HTML5 sortable are here.
To do this sort directly using the child values and without a plugin, you could use something like: function sortUsingNestedText(parent, childSelector, keySelector) { var items = parent.children(childSelector).sort(function(a, b) { var vA = $(keySelector, a).text(); var vB = $(keySelector, b).text(); return (vA < vB) ? -1 : (vA > vB) ? 1 : 0; }); parent.append(items); … Read more
You need to use cancel. See working example here. Js: $(function() { $(‘.sortable’).sortable(); $(‘.sortable’).disableSelection(); $(‘.sortable’).sortable({ cancel: ‘.note’ }); }); As @Zephyr points out, this let’s you re-arrange the position by dragging the siblings, if you want to avoid that, use owise1 approach: $(‘.sortable’).sortable({ items : ‘:not(.note)’ });