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

Question

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

查询代码

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

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

});

代码

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

演示图片

我需要这个。

当用户单击类名所在的任何 div.getinfo并且用户单击颜色选择器中的任何颜色时，我想将其分配给单击的 div。我尝试使用上面的代码，但没有运气。

Answer 1

不要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);
});