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

Question

我正在使用Izzy Color Picker。
为了将输入与izzy颜色选择器相关联，我只需要将输入元素的class属性设置为izzyColor，输入的id必须是唯一的。 使用javascript，当我按下boton时，我会以动态方式创建输入。

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');

让我知道它是怎么回事，我们可以从那里开始工作。