Question

所以，我用这个jscolor来挑选我的颜色：http://jscolor.com/ 适用于PHP目的，但我希望我的div与类“color-font”响应我选择的任何颜色。意思是，当我从该调色板中选择颜色时，我希望使用类“color-font”的div来更改它们的字体颜色。

我正在使用ColorPicker让div更改其字体，但它不起作用。链接到颜色选择器：http://www.eyecon.ro/colorpicker/

以下是我所拥有的代码：

这是输入调色板：

<input type="text" size="1" name="color_font" id="color_font" value="<?php echo $t_content["color_font"]["content"]; ?>" style="font-size: 0px;  background-color: <?php echo $t_content["color_font"]["content"]; ?>; color: <?php echo $t_content["color_font"]["content"]; ?>;" class="color {hash:true}" />

以下是javascript代码我试图从输入中选择ID =“color_font”并使用class =“color-font”将其设置为div

$('#color_font').ColorPicker({
    //color: $(this).val(),

    onBeforeShow: function() {
        $('#color_font').ColorPickerSetColor($('#color_font').val());
    },
    onChange: function(hsb, hex, rgb) {
        var element_p = $('#color_font');
        var old_color_accent = $('#color_font').css('color');

        $('.color-font').each(function() { $(this).css('color', '#' + hex); });


        element_p.css('background-color', '#' + hex);
        element_p.css('color', '#' + hex);
        element_p.val('#' + hex);
    },
    onSubmit: function(hsb, hex, rgb, el) {
        $('#color_font').ColorPickerHide();
    }
});

我不明白为什么它不起作用。

使用ColorPicker将字体颜色设置为div

0 个答案: