jQuery + Sortable + live


jQuery + Sortable + live



I'm adding list items to a page dynamically with $.get, then appending them to the OL element. Pretty usual to this point.

But jQuery isn't aware of these new items when they get loaded into the page, and I'm not being able to make them sortable.

I made some trials with jQuery Live, but didn't get anywhere whit that...




Formatting a double in JSF

1:



Unified Navigation System for JSF (menus, breadcrumbs, sitemap)
The refresh method of .sortable() does not seem to recognize li's which are NOT added via the .sortable() functions..
Relocate JSF-generated javascript
Try adding your .sortable() initialisation code into a function which you call on document ready AND in you code where you dynamically add li's..
JSF / CSS attribute conflicts
Instead of:.
jsf login times out
jQuery(document).ready(function() {     jQuery("#mySortableOL").sortable({         ... 


How can I maintain scroll position across postbacks in JSF?
}); } ...


JSF Header with Login Component?
jQuery("#mySortableOL").append(...); jQuery("#mySortableOL").sortable("refresh");
Try something like:.
Grouping columns under a single header in JSF
jQuery(document).ready(function() {     jQuery("#mySortableOL").doSort(); } ... 

jQuery("#mySortableOL").append(...); doSort(); ...

function doSort(){ jQuery("#mySortableOL").sortable({ ...

}); }


2:


Did you try .sortable('refresh')? http://docs.jquery.com/UI/Sortable#method-refresh.


3:


on the tail end of your code just append .sortable({}); with all your parameters respecified.

There's probably a way to do this without duplicating your code by using a function or something, but at least this works..
$('#List').live('click',function(e){  var myHTMLcode = '<li>New Item</li>'  myHTMLcode.appendTo('#List').sortable({  items  : 'li',  axis  : 'xy',       update  : function(event, ui){SPECIFIC Sortable FUNCTION CODE HERE}).fadeIn(); )}; 


4:


I found this solution and working fine for me.

.
makesortable = function(){         $( "#mylist" ).sortable({             ... 

}) }; ...

// after list refresh : makesortable();



94 out of 100 based on 64 user ratings 364 reviews

@