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

Associate an input html element to a color picker dynamically

本文关键字：颜色 选取 关联 动态 输入 html 元素      更新时间：2023-09-26

我正在使用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 输入元素时，所有属性都设置正确。

查看源代码后，看起来您可能只能调用：

izzyColor();

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

我不确定这会对现有输入产生什么影响。您可能需要执行以下操作：

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

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

相关文章：