Jquery 为什么colorpicker js不使用fancybox模式加载？

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

这里是它的js小提琴

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

当我放置颜色时，颜色选择器加载并工作良好

<input id='colorpicker' />

在我的页面中，但正如我所说，当使用fancybox动态插入时，只显示一个输入。 你们这些天才有什么想法吗？

想出来了

必须使用后加载回调函数。以下是工作示例

---

在你的小提琴中，

spectrum（）

init code。。。最重要的是，你是否加载了spectrum js和css文件。。。无论如何，在显示之前，尝试在

fancybox中初始化频谱callback@JFK初始化代码位于js窗口的底部。正在从左侧的外部资源选项卡加载资源。我会试试看beforeShow的主意。更新后的fiddle with beforeShow。似乎没用。如果您阅读正确，我从来没有在加载前说过
，您在使用
beforeShow
，正如我在第一条评论中建议的那样；）
$(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)'
             }
         }
     }
 });

});