javascript - 新绑定(bind)后忽略 jscolor valueElement

Question

我正在使用著名的http://jscolor.com/颜色选择器脚本。

当我尝试链接外部元素时出现问题(作者的示例在这里 http://jscolor.com/try.php#linking-foreign-elements )。我想为用户提供通过按下按钮添加另一个输入字段的可能性，因此之后，会出现带有 class="color {valueElement: 'myValue'}"的新输入字段，但脚本会忽略它，并且只是按常规操作jscolor 输入字段(没有“链接到外部元素”选项)。

    $( "input[id=p1]" ).after('<input class="color {valueElement:\'myValue\'}" id="plus" type="text" name="color[]" required />');
    new jscolor.color(document.getElementById('plus'), {})

有什么想法吗？提前致谢

Answer 1

您需要绑定(bind)您添加的新输入字段。否则你的 JS 无法看到新元素，因为它在运行时不存在于 DOM 中。

事实上，您提供的链接上的下一个条目就涉及到此问题。

http://jscolor.com/try.php#manual-binding