Question

I have my dragging set up by using jQuery UI. My question is when the user begins to drag a div, how do I add a CSS class to that div, and remove it when the user is done dragging the div. Similar to a click function event of a link.

Answer 1

$( ".selector" ).bind( "dragstart", function(event, ui) {
    $(this).addClass("foo");
});
$( ".selector" ).bind( "dragstop", function(event, ui) {
    $(this).removeClass("foo");
});