Почему параметр colorpicker js не загружается с fancybox modal?

Question

Итак, я пытаюсь добавить colorpicker в средство просмотра изображений fancybox, чтобы изменить цвет фона. Ive заставил его отображать входной сигнал colorpicker в нужном месте, но js, похоже, не загружается, и я просто получаю стандартное поле ввода.

Вот JS скрипку для него http://jsfiddle.net/22Tre/1/

Im использованием цветового спектра сборщика

http://bgrins.github.io/spectrum/

https://github.com/bgrins/spectrum

В Colorpicker загружается и работает нормально, когда я поставил

<input id='colorpicker' /> 

На моей странице, но, как я уже сказал, когда ее динамически вставлен с fancybox, отображается только вход. Любые идеи, которые вы гении?

Answer 1

Отмечено

Вы должны использовать функцию обратного вызова afterLoad. Heres рабочего примера ...

http://jsfiddle.net/22Tre/5/

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
    'afterLoad': function() { 
     $("#colorpicker").spectrum({ 
      color: 'rgba(255, 251, 204, 0.8)' 
     }); 
    }, 

    helpers: { 
     overlay: { 
      css: { 
       'background': 'rgba(255, 251, 204, 0.8)' 
      } 
     } 
    } 
}); 

});