2012-02-04 19 views
0

我正在使用jpicker jquery插件供用戶選擇顏色,我遇到的問題是如果您選擇第四或第五列默認顏色的任何顏色,該值不會顯示在我的輸入框中。任何其他值雖然。jpicker從默認顏色中的顏色的第4和第5列不會將值放入我的輸入框中

這裏就是我如何調用代碼片段:

if($('#hexPicker').length) { 
    $('#hexPicker').jPicker({ 
     window: { 
      position: { 
       y: 'center' 
      } 
     } 
    }); 
} 

<input type="text" name="color" class="small" id="hexPicker" /> 

我創建了一個測試賬號爲你們在開發服務器上使用,因此您可以明白我的意思。我無法在其他地方重新創建此問題。

+0

什麼元素是'#hexPicker'? – gideon 2012-02-04 16:49:04

+0

http://www.digitalmagicpro.com/jPicker/上的「綁定」示例完美地工作?也許你可以發佈你的HTML和其他任何關係?這個問題是非常本地化的,看起來像是它應該向項目報告它的錯誤。 – gideon 2012-02-04 17:01:23

+0

@gideon我更新了我的問題。 – Catfish 2012-02-04 17:13:24

回答

1

它將輸入框內的文本顏色更改爲白色,使其不可見。如果您選擇一種顏色,並使用螢火蟲或開發工具,你會看到這一點:

<input type="text" id="hexPicker" class="small" value="02140b" name="color" style="background-color: rgb(15, 86, 51); color: rgb(255, 255, 255);"> 

如果使用firebugs編輯功能,在下面的「顏色」年底將值更改爲0,0,0,則值出現。見下文。

<input type="text" id="hexPicker" class="small" value="02140b" name="color" style="background-color: rgb(15, 86, 51); color: rgb(0, 0, 0);"> 

一個可能的解決將是添加一些jQuery的,這樣每當值改變用戶手動復位文本的顏色爲黑色:

$('#hexPicker').change(function() { 
    $('#hexPicker').css('color','rgb(0,0,0)'); 
}); 
+0

我沒有意識到文字顏色正在改變。但主要的問題是模板具有表單的背景圖像,所以輸入字段的背景顏色是相同的。現在我刪除了該背景圖像,並且輸入字段的背景顏色是選擇的顏色。 – Catfish 2012-02-07 23:36:17