js频谱多个目标

Question

我使用的是一款名为“JS Spectrum的好工具”。我在多个地方使用该工具，这些多个实例导致我的代码很长。显然，我可以创建一个类并在该类上调用频谱代码。但是，我没有看到如何让事件目标告诉我哪个ID称为函数，以便我可以相应地设置更改事件。

谢谢

Answer 1

事件处理程序中this的值将指向颜色已更改的字段：

<input type='text' id="custom1" class="picker" />
<input type='text' id="custom2" class="picker" />

function colorChanged(newColor) {
    console.log('color at ' + this.id + ' changed to ' + newColor)   
}

$(".picker").spectrum({
    color: "#f00",
    change : colorChanged
});

http://jsfiddle.net/e4FuH/1/