如何獲得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的價值？

回答

相關問題