Question

我正在尝试实施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);

任何帮助表示赞赏！

Answer 1

如果您希望每次更改颜色时都更新colourSet，则分配需要进入change事件功能。现在，在启动minicolor之后，您可以设置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);
         }
    });

MiniColors选择器不更新颜色变量

1 个答案: