如果我对 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 生成的颜色列表中使用。 谢谢你!
最佳答案
您必须在动态创建元素后调用 jscolor.installByClassName("jscolor")
。
jscolor.init()
的工作原理相同,但出于某种原因,它并不适用于所有人。
检查工作片段。
$(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>
关于Javascript、jscolor 和 ajax 生成输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48559194/