javascript - jQuery UI sortable - can't add item to bottom of list -
i trying create app has sortable lists. there list of categories sortable, , each category has list of items sortable. here javascript:
$(function() { $( ".items" ).sortable({ connectwith: ".items", placeholder: 'item placeholder', }); $( ".categories" ).sortable({ connectwith: ".categories", placeholder: { element: function(currentitem) { return $('<div class="category placeholder"></div>')[0]; }, update: function(container, p) { container.refreshpositions(); return; } } }); $( ".items" ).disableselection(); $( ".categories" ).disableselection(); });
see jsfiddle reference: http://jsfiddle.net/conman124/gmdbw/
the problem encountering is not easy move item 1 category bottom of other. seems have drag second last item in list, , can move down bottom. have looked @ (jquery ui sortable - unable drag elements bottom of connected list/column) similiar question , adding padding @ bottom in question didn't seem fix it.
does have suggestions fix this?
Comments
Post a Comment