Jquery ui sortable placeholder cannot change background color

Question

I can successfully change the color of the placeholder frame, but when I try to change the background color, nothing happens.

This jsfiddle code best explains this: http://jsfiddle.net/EUVrK/1/

Answer 1

According to the JQuery UI Sortable Documentation, you can provide a css class for a placeholder. You should be able to specify the background in this class.

Using the placeholder property and forcePlaceholderSize, it works like a charm. I updated jsfiddle link

Hope this helps.

Answer 2

I got some help from a friend on irc.freenode who suggested the following solution that does the trick.

ui.placeholder.css("visibility", "visible"); ui.placeholder.css("background-color", "red"); 

The background color of the placeholder was not shown because the actual item was not visible (I suppose it is hidden by default). Therefore, setting it to visible, you can see a different background color.

Answer 3

CSS

  .placeholderBackground {background-color: # FD6FB7;}

PARAMETER

  $ ('. sortable'). sortable ({
 axis: 'y', placeholder: 'placeholderBackground'
 }). disableSelection ();