How can I change CSS property once sorted. Something likes this:
$( "#sort" ).sortable({
$(#div1).css("background-color","yellow");
});
Thanks alot
-
Can you be more specific? Are you trying to style them to show which one was sorted?Joe Flynn– Joe Flynn2011-08-05 14:55:03 +00:00Commented Aug 5, 2011 at 14:55
Add a comment
|
3 Answers
When you call initiate the plugin, make sure you pass a handler for the stop event:
$('#sort').sortable({
stop: function(){
$('#div1').css('background-color','yellow');
}
});
3 Comments
Jacek Kaniuk
This event is triggered during sorting.
Justin Niessner
@Jacek_FH - True. Changed to stop(). Was going to suggest update() but it specifically says that it is fired "When the user stops sorting and the DOM positions have changed" which means if the user lets the sort finish on its own or the data is already sorted, nothing will happen.
Jacek Kaniuk
I didn't use that because I fill that update is triggered after stop and after following DOM update. Thing to test anyways.
http://docs.jquery.com/UI/Sortable#events
$( ".selector" ).sortable({
update: function(event, ui) { ... }
});
Comments
Look at the events for sortable on the jQuery UI website: http://jqueryui.com/demos/sortable/#events
Depending on the event you want, you can use:
$( "#sort" ).sortable({
change: function(){
$("#div1").css("background-color","yellow");
}
});
