如何在jQuery中使用此选择器

Question

我正在拖放可调整大小的模板引擎。我遇到了一个我认为难以修复的问题，但我已经陷入困境。

JQUERY CODE

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

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

});

HTML CODE

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

DEMO IMAGE

我需要这个。

当用户点击类名为.getinfo的任何div并且用户点击颜色选择器中的任何颜色时，我想将其分配给单击的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);
});