0

jPicker プラグインを使用して、ピッカーから色を取得しています。この方法で要素を作成します。

           $(function(){
                $('#txtBackgroundColor').jPicker(
                {
                    color:
                    {
                        mode: 'h', // acceptable values "h" (hue), "s" (saturation), "v" (brightness), "r" (red), "g" (green), "b" (blue), "a" (alpha)
                        active: new $.jPicker.Color({ hex: 'eaeaea' }), // accepts any declared jPicker.Color object or hex string WITH OR WITHOUT '#'
                    },
                    window:
                    {
                        position:
                        {
                            x: 'screenCenter', // acceptable values "left", "center", "right", "screenCenter", or relative px value
                            y: '200px', // acceptable values "top", "bottom", "center", or relative px value
                        },
                        expandable: true
                    },
                },

            });

ボタンをクリックすると、その jpicker のアクティブな色を設定したいと思います。ドキュメントでこの行を見ました:

$('#update').click(function(){
    $.jPicker.List[0].color.active.val('hex', 'e2ddcf', this); 
});

しかし問題は、複数の jPicker があり、リストのインデックスがわからないことです。たとえば、リストのインデックスではなく ID で jPicker の色を設定する方法はありますか?

ありがとう

4

2 に答える 2

0

値の設定

var control= $('#txtBackgroundColor')
var colorPicked = '#e2ddcf';
control.jPicker({
   color: { active: colorPicked}
});
control[0].color.active.val('hex', colorPicked);
control.val(colorPicked.replace("#", ""));

シナリオによっては、上記の行の一部が無関係になる場合があります。

ID の検索:

$('#txtBackgroundColor')

このように jPicker クラスを含むスパンを探すのは間違っています

<span class="jPicker">

そのすぐ上に、表示スタイルが none で ID 値を持つ入力があるはずです。上記の例でそれを使用します。

于 2014-12-12T14:27:28.380 に答える