2

Twitterのブートストラップを使用していますが、かっこいいです。それでも、私には少し問題があります。Popoverプラグインを使用して、クラス.colorInputの各入力に関連するカラーピッカーをオンザフライで生成しようとしています。

これが私が思いついたコードです：

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

ポップオーバーのコンテンツを次のように設定したときの1つの大きな詳細を除いて、すべてがかなりうまく機能しています。

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

返されたデータは、farbtasticプラグインによってアタッチされたeventHandlerのいずれかでストライプ化されます。コードをそのままシンプルに保ち、返されたイベントに付随するイベントを失うことはありませんか？

ありがとう ！

4

1 に答える 1

0

私はこれらのプラグイン/ライブラリに精通していませんが、次のことをお勧めします。

変化する

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

に

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

farbtastic呼び出す直前に添付しshowます：

.focus(function(e){

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

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

    $('<div id="placeholder" />').farbtastic(src);
    src.popover('show');
}
于 2011-11-17T17:55:41.983 に答える