如何获得colorpicker的价值？

我怎样才能在改变红色，绿色，蓝色的输入中得到colorpicker值？
http://jsbin.com/alefok/1/edit 如何获得colorpicker的价值？

<body> 
<div id="red"></div> 
<div id="green"></div> 
<div id="blue"></div> 
<div id="swatch" class="ui-widget-content ui-corner-all"></div> 
<input type="text" id="colour"> 
<script> 
    $(".ui-slider-handle").on('change', function(){ 
var valA = $("#red").slider("value"); 
var valB = $("#green").slider("value"); 
var valC = $("#blue").slider("value"); 
$("#colour").append(valA+","+ valB+","+ valC) 
}) 
</script> 
</body>

来源

2013-02-12 Kakitori

将其设置在refreshSwatch功能，将触发沿着jQuery UI滑块的slide和change事件当background-color正在更新。

function refreshSwatch(evt, ui) { 
    var red = $("#red").slider("value"), 
     green = $("#green").slider("option", "value"), 
     blue = $("#blue").slider("value"), 
     hex = hexFromRGB(red, green, blue); 
    $("#swatch").css("background-color", "#" + hex); 
    $("#colour").val("#" + hex); 
}

使用这些事件可让您执行实时更新。您可以调整设置为文本输入的值的格式。

See it here.

来源

2013-02-12 20:31:13 Alexander

你需要得到swach的BG：

$('#red, #blue, #green').change(function(){ 

    $('#swatch').css('background-color'); 

});

来源

2013-02-12 20:26:48 Kivylius

试着改变你的活动如下结合：JSBin

<script> 
     $("#red, #green, #blue").on('slidestop', function(){ 
     var valA = $("#red").slider("value"); 
     var valB = $("#green").slider("value"); 
     var valC = $("#blue").slider("value"); 
     $("#colour").val(valA+","+ valB+","+ valC) 
     }) 
    </script>

来源

2013-02-12 20:30:27 legendofawesomeness

如何获得colorpicker的价值？

回答

相关问题