jquery - 为什么 colorpicker js 不加载fancybox modal？

Question

所以我试图在fancybox图像查看器中添加一个颜色选择器来动态改变背景颜色。我已经让它在正确的位置显示颜色选择器输入，但是 js 似乎没有加载，我只是得到一个标准输入框。

这是它的 js fiddle http://jsfiddle.net/22Tre/1/

我正在使用光谱颜色选择器

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

https://github.com/bgrins/spectrum

当我把颜色选择器加载并工作正常时

<input id='colorpicker' />

在我的页面中，但就像我说的那样，当它使用 fancybox 动态插入时，只显示一个输入。各位天才有什么想法吗？

Answer 1

弄清楚了

您必须使用 afterLoad 回调函数。这是工作示例...

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)'
             }
         }
     }
 });

});