How can I change CSS property once sorted. Something likes this:

    $( "#sort" ).sortable({

        $(#div1).css("background-color","yellow");
    }); 

Thanks alot

How can I change CSS property once sorted. Something likes this:

    $( "#sort" ).sortable({

        $(#div1).css("background-color","yellow");
    }); 

Thanks alot

• javascript
• jquery

Share Improve this question Follow asked Aug 5, 2011 at 14:52 jQuerybeastjQuerybeast 14.5k3939 gold badges120120 silver badges198198 bronze badges 1

• Can you be more specific? Are you trying to style them to show which one was sorted? – Joe Flynn Commented Aug 5, 2011 at 14:55

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

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');
    }
});

http://docs.jquery./UI/Sortable#events

$( ".selector" ).sortable({
    update: function(event, ui) { ... }
});

Look at the events for sortable on the jQuery UI website: http://jqueryui./demos/sortable/#events

Depending on the event you want, you can use:

$( "#sort" ).sortable({
    change: function(){
        $("#div1").css("background-color","yellow");
    }
});