Javascript、jscolor 和 ajax 生成输入答案

【问题标题】：Javascript, jscolor and ajax-generating inputJavascript、jscolor 和 ajax 生成输入
【发布时间】：2018-02-01 09:21:42
【问题描述】：

如果我对 jscolor (http://jscolor.com/) 使用这种技巧：

<div id="test-div"></div>

在 javascript 中，接下来的工作：

$(document).ready(function () {
    $('#test-div').html('<input type="text" id="test_input" value="449944" class="form-control jscolor" />');
});

但另一个技巧不起作用：

$(document).ready(function () {
    setTimeout(function() {
        $('#test-div').html('<input type="text" id="test_input" value="449944" class="form-control jscolor" />');
    }, 1000);
});

如何使这样的工作。我想在 ajax 生成的颜色列表中使用。谢谢！

【问题讨论】：

标签： javascript jquery jscolor

【解决方案1】：

您必须在动态创建元素后调用jscolor.installByClassName("jscolor")。

jscolor.init() 的工作原理相同，但出于某种原因，它并不适用于所有人。

检查工作的 sn-p。

$(document).ready(function () {

    setTimeout(function() {
        $('#test-div').html('<input type="text" id="test_input" value="449944" class="form-control jscolor" />');
        jscolor.installByClassName("jscolor");
    }, 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.min.js"></script>

<div id="test-div"></div>

【讨论】：

非常感谢！