jquery - 通过按下按钮更改可拖动的背景颜色

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 fiddle

Answer 1

基于你的 fiddle 代码

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

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

似乎 fiddle 不喜欢设置背景颜色。就用背景