js spectrum несколько целей

Question

Я использую отличный инструмент под названием «JS Spectrum». Я использую инструмент в нескольких местах, и эти множественные экземпляры заставляют мой код быть очень длинным. Очевидно, я мог бы просто создать класс и вызвать код спектра этого класса. Тем не менее, я не вижу, как я могу настроить целевой объект, чтобы сообщить мне, какой идентификатор называется функцией, чтобы я мог соответствующим образом настроить событие изменения.

Благодаря

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/