按按钮更改可拖动的背景颜色

Question

如何通过按下按钮（与按钮具有相同的背景颜色）来更改可拖动元素的背景颜色。

我一直在寻找其他一些帖子，但我仍然无法做到。

<div id="draggable" class="ui-widget-content">
  element1
</div>

<button id="colorbtn" onclick="changeColor(#66FF66)" style="background-color: #66FF66;"></button>



 $( "#draggable" ).draggable(value);
function changeColor(){
    $('#draggable').css('background-color',value);
}

这是我正在尝试做的事情的小提琴fiddle

Answer 1

基于您的小提琴代码

$( "#draggable" ).draggable();

$('#colorbtn').click(function() {
    $("#draggable").css('background', $(this).css('background-color')); 
});

似乎小提琴并不喜欢设置背景颜色。只需使用背景