將輸入html元素動態關聯到顏色拾取器

我正在使用Izzy Color Picker。
爲了將輸入與izzy顏色選擇器相關聯，我只需將input元素的class屬性設置爲izzyColor，並且輸入的id必須是唯一的。使用javascript我按下一個boton時，會創建一個輸入dinamically。將輸入html元素動態關聯到顏色拾取器

n = n+1; 
id = "txtColor" + n; 
input = document.createElement("input"); 
input.setAttribute("class","izzyColor"); 
input.setAttribute("id",id);

然後，我追加輸入到td元件在表中，但在下一個到相關聯的輸入元件出現的小圖像不會出現。似乎只有當我用javascript創建輸入時，問題是因爲如果我用html創建輸入元素，它工作正常。

當我通過源代碼檢查用JavaScript創建的html input元素時，所有屬性都設置正確。

來源

2012-07-06 Aikanáro

只是一個觀點在這裏：我看着插件的代碼和它的蹩腳。如果它適合你，那麼很棒，但我會選擇其他的東西。他們沒有提供一個簡單的方法來調用一個新的元素集的插件的事實是相當薄弱的。只是我的兩分錢... – lbstr 2012-07-06 21:27:11

看源之後，它看起來像你也許能只要致電：

izzyColor();

它看起來像它沒有命名空間可言。他們將其定義爲this.izzyColor = function(){...}，但在那一點上，我非常肯定this只是窗口。

我不確定這會對現有輸入產生什麼影響。你可能需要這樣做：

$('input.izzyColor').removeClass('izzyColor').addClass('izzyExisting'); 
izzyColor(); 
$('input.izzyExisting').removeClass('izzyExisting').addClass('izzyColor');

讓我知道它是如何去，我們可以從那裏工作。

來源

2012-07-06 21:24:04 lbstr

它的工作原理，我只需要在input.setAttribute（「id」，id）後面調用'izzyColor（）'，謝謝！ – 2012-07-06 21:33:13

@Aikanáro太棒了！別客氣 – lbstr 2012-07-06 21:43:10

將輸入html元素動態關聯到顏色拾取器

回答

相關問題