javascript - 将输入 html 元素动态关联到颜色选择器

Question

我正在使用Izzy 颜色选择器。
为了将输入与 izzy 颜色选择器相关联，我只需将输入元素的类属性设置为，izzyColor并且输入的 id 必须是唯一的。使用javascript，当我按下按钮时，我会动态地创建一个输入。

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

然后，我将输入附加到td表中的一个元素，但出现在相关输入元素旁边的小图像没有出现。似乎问题仅在于我使用 javascript 创建输入时，因为如果我使用 html 创建输入元素，它就可以正常工作。

当我通过源代码检查使用 javascript 创建的 html 输入元素时，所有属性都设置正确。

Answer 1

查看源代码后，您似乎可以调用：

izzyColor(); 

看起来它根本没有命名空间。他们将其定义为this.izzyColor = function(){...}，但在那一点上，我很确定this它只是窗口。

我不确定这会对现有输入产生什么影响。您可能需要这样做：

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

让我知道进展如何，我们可以从那里开始工作。