如何在jquery颜色选择器中设置数字十六进制颜色？

我用JQuery的颜色拾取在我的PHP页面，但是当我在JavaScript设置的颜色，然后它不工作。如何在jquery颜色选择器中设置数字十六进制颜色？

这里是我的html代码：

<div class="group_col grp_col_3"> 
    <div class="list_field"> 
     <label>Link Hover</label> 
     <div class="color_field"> 
      <span class="colpr" style="background:#647993;"></span> 
      <input name="style_link_hover_color" id="style_link_hover_color" type="text" data-value="647993" class="form-control&#x20;field&#x20;color-box&#x20;adv-settings" value="647993">  
</div> 
</div> 
</div>

这里是我的javascript代码：

$(input).each(function (e) { 
    var hex = '647993'; 
    $(this).val(hex); 
    $(this).colpickSetColor(hex); 
});

如何设置在JavaScript这类颜色的？

来源

2016-03-09 Arsal Ali

工作，这拾色器是您使用的代码？ –

http://www.jq22.com/demo/colpick-jQuery-Color-Picker-master/ –

如何使用'$（this）.css（'background-color'，'＃'+ hex）;' –

这里是我用来解决上述问题

$(input).each(function (e) { 
var hex = 647993; 
if(!isNaN(hex)){ 
    hex = hex.toString(); 
} 
$(this).val(hex); 
$(this).colpickSetColor(hex); 
});

这是监守jQuery的颜色选择器不是一个整数像647993.

来源

2016-03-11 09:11:22

我认为你使用的代码不正确，试图设置颜色选择器的输入字段中的值。你应该这样做：

添加任何你想要的（如果你还没有加入）拾色器：

<div id="picker"></div>

或

<button id="picker">Show Color Picker</button>

然后在JavaScript中，您需要：

如果尚未初始化，则初始化：

$('#picker').colpick();

然后改变它，当你想和它已经与被初始化后：

var hex = '647993'; 
$('#picker').colpickSetColor(hex, false);

如果您还想更改输入领域，我认为你需要第二个参数组为true。请注意，要更改的选择器与初始化的选择器相同，并且它应该是一个ID以避免发生问题。

var hex = '647993'; 
$('#picker').colpickSetColor(hex, true);

当然，您需要加载脚本，它是CSS代码中的CSS。

来源

2016-03-09 08:04:09 spaniard

如何在jquery颜色选择器中设置数字十六进制颜色？

回答

相关问题