Question

我正在尝试将用户选择的所选jQuery颜色框颜色发送到

中的文本字符串

<div class="user-text">

目前它只影响显示sxwatch，显示用户正在选择的内容。这是我正在尝试的功能。我想我可以添加一个新行，告诉它显示“颜色”。

$('.user-text').css('color', '#' + hex);

这是我的整个功能

$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
    $(colpkr).fadeIn(500);
    return false;
},
onHide: function (colpkr) {
    $(colpkr).fadeOut(500);
    return false;
},
onChange: function (hsb, hex, rgb) {
    $('#colorSelector div').css('backgroundColor', '#' + hex);
    $('.user-text').css('color', '#' + hex);
}
  });

Answer 1

如果我理解您的问题，则需要使用html()方法

onChange: function (hsb, hex, rgb) {
    $('#colorSelector div').css('backgroundColor', '#' + hex);
    $('.user-text').css('color', '#' + hex);
    $('.user-text').html('Your chosen color: #' + hex);
}

将jQuery颜色框颜色发送到其他元素

1 个答案: