如何在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顏色選擇器中設置數字十六進制顏色？

回答

相關問題