javascript - 如何在jQuery中使用此选择器

我正在制作一个拖放可调整大小的模板引擎。我有一个问题，我认为不难解决，但我卡住了。
JQUERY代码

$(".getInfo").click(function(){
$("b").mousemove(function(){
        var bodyColor =  $("#bgcolor").css("backgroundColor");

$(this).css("background-color",bodyColor);
});

});

HTML代码

<div  id="resizable1" class="drag resize getInfo">
<h3 class="ui-widget-header">slide show</h3>
</div>

演示图像
我需要这个。
当用户单击类名.getinfo的任何div，并且用户单击colorpicker中的任何颜色时，我想将其分配给单击的div。我尝试使用上述代码，但没有成功。

最佳答案

不要为mousemove里面的颜色选择器绑定click。他们需要分开。试试这个：

var bodyColor = "#FFFFFF"; //declared globally, default to a color

$("b").mousemove(function(){
    bodyColor =  $("#bgcolor").css("backgroundColor");
});

$(".getInfo").click(function(){
    $(this).css("background-color",bodyColor);
});