Twitter Boostrap Popover.js with farbtasticカラーピッカーのコンテンツが添付されています

Question

私はtwitterからbootsrapを使用しています。しかし、私は少し問題があります。それはすべてを除いて、かなりうまく働いて

$('.colorInput').each(function() 
{ 
    var src = $(this); 

    src.popover({ 
     html: true, 
     trigger: 'manual', 
     content: function(){ 
      return $('<div/>').farbtastic(src); 
     } 
    }).focus(function(e){ 

     src.data('data-default', src.val()); 

     $('.colorInput').each(function(){ 
      $(this).popover('hide'); 
     }); 
     src.popover('show'); 


    }).blur(function(e){ 
     if(src.data('data-default') != src.val()) 
     { 
      formSubmit(); 
     } 

     src.popover('hide'); 
    }); 
}); 

：私はここに私が思い付いたコードだクラス.colorInput

で、各入力に関連したフライカラーピッカーに発生するポップオーバーのプラグインを使用しようとしています一つの巨大な細部のために：私は

return $('<div/>').farbtastic(src); 

経由ポップオーバーの内容を設定し、返されたデータfarbtasticプラグインによって添付のeventHandlersのいずれかでストライピングされます。 どのように私はコードをそのまま維持することができ、返されたイベントに添付されているイベントを緩和することができますか？

ありがとうございます！

Answer 1

私はこれらのプラグイン/ライブラリに精通していないですが、私は次のことを示唆している：

変更

content: function(){ 
    return $('<div/>').farbtastic(src); 
} 

content: function(){ 
    return $('<div id="placeholder" />'); 
} 

に、ちょうどshowを呼び出す前にfarbtasticを添付：

.focus(function(e){ 

    src.data('data-default', src.val()); 

    $('.colorInput').each(function(){ 
     $(this).popover('hide'); 
    }); 

    $('<div id="placeholder" />').farbtastic(src); 
    src.popover('show'); 
}