jquery - colorpicker jsがfancyboxモーダルでロードされないのはなぜですか?

Question

そのため、ファンシーボックスの画像ビューアにカラーピッカーを追加して、背景色を動的に変更しようとしています。カラーピッカーの入力を正しい場所に表示するようにしましたが、js が読み込まれず、標準の入力ボックスが表示されます。

ここにjsフィドルがあります 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)'
             }
         }
     }
 });

});