文章/答案/技术大牛

发布

问jscolor和ajax生成输入
EN

Stack Overflow用户

提问于 2018-02-01 17:21:42

回答 1查看 102关注 0票数 1

如果我在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

javascript

jquery

回答 1

Stack Overflow用户

发布于 2018-02-01 18:06:39

在动态创建元素之后，必须调用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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48559194

复制

相似问题

问jscolor和ajax生成输入
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jscolor和ajax生成输入EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jscolor和ajax生成输入
EN