2 клика, вместо одного

[Harvey]

Привет, друзья!

Пытаюсь по клику на элементе присвоить этому эелементу класс и тут же найти этот класс у объекта, вот так:

$('#dataControl').on('click', '#colorSelector', function(){
  $(this).addClass('active');
  $('.active').ColorPicker({color: '#0000ff'});
});

Но проблема в том, что метод ColorPicker вызывается только после повторного нажатия. Суть проблемы ясна - добавление класса и его поиск не укладывается в пределы одной обработки.

Отсюда у меня 2 вопроса:

1)Как именно обрабатывается данная функция? Почему так происходит?

2)Как решить эту проблему?

Спасибо

[dimon888951]

$('#dataControl').on('click', '#colorSelector', function(){
  $(this).addClass('active');
  $('.active').ColorPicker({color: '#0000ff'});
});

Совсем мало опыта ,но мне думается, что обработчик стоит именно на первое событие и дальше его действие не распространяется.то есть в данном случае необходимо написать еще один обработчик для второго действия.ИМХО
Или вообще по другому переписать скрипт

[Harvey]

Спасибо) разобрался