jquery ui可排序占位符无法更改背景颜色

时间:2012-07-17 13:00:23

标签: jquery jquery-ui jquery-ui-sortable background-color placeholder

我可以成功更改占位符的边框颜色,但是当我尝试更改背景颜色时,没有任何反应。

这个jsfiddle代码最好地解释了它:http://jsfiddle.net/EUVrK/1/

3 个答案:

答案 0 :(得分:9)

根据jQuery UI Sortable Documentation,您可以为占位符提供css类。您应该能够在此课程中指定背景。

使用占位符和forcePlaceholderSize属性,它就像一个魅力。 我已经更新了jsfiddle link

希望有所帮助。

答案 1 :(得分:3)

我从irc.freenode上的一位朋友那里得到了一些帮助,他建议使用以下解决方案。

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

占位符的背景颜色未显示,因为实际元素不可见(我猜它默认设置为隐藏)。因此,将其设置为可见可以让人看到不同的背景颜色。

答案 2 :(得分:3)

  

<强> CSS

.placeholderBackground{background-color:#FD6FB7;}

     

<强> PARAMETER

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