Измените перетаскиваемый фоновый цвет, нажав кнопку

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

кажется, что скрипка не нравится установка цвета фона. Просто используйте фон