0

MiniColorsを実装しようとしています。MiniColorsは正常に機能しますが、MiniColorsが変更されたときに更新する変数colorSetの値を取得できません。デフォルト値を示すtxt入力#colourがありますが、その値は更新されていません...

<script type="text/javascript">
    $(document).ready(function() {

        $('#picker').minicolors({
            opacity: false,
            defaultValue: '#2083fd',
            control: 'hue',
            textfield: false,
            change: function(hex, opacity) {
                $('#picker').val(hex); 
             }
        });

        var colourSet = $('#picker').val();
        $('#colour').val(colourSet);

助けていただければ幸いです。

4

1 に答える 1

1

colourSet色が変更されるたびに更新する場合は、割り当てをchangeイベント関数内に配置する必要があります。現在colourSet、ミニカラーが開始された後、一度設定します。以下のコードのようなものが必要だと思います。また、必要に応じて、変数を削除して#colour要素を直接設定することもできます。

$(document).ready(function() {
    var colourSet;

    $('#picker').minicolors({
        opacity: false,
        defaultValue: '#2083fd',
        control: 'hue',
        textfield: false,
        change: function(hex, opacity) {
            $('#picker').val(hex);
            colourSet = hex;
            $('#colour').val(colourSet);
         }
    });
于 2013-03-25T05:25:09.867 に答える