文章/答案/技术大牛

发布

问动态输入的jscolor.js变化
EN

Stack Overflow用户

提问于 2020-08-20 10:24:11

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

Situation

我在我的项目中使用jscolor颜色选择器。我使用ajax调用加载输入字段颜色。当我将该值插入到输入字段时，将触发document.getElementById('ktxt').jscolor.importColor();更新颜色选择器值。

问题

我已经更新了最新的jscolor.js版本(2.3.3，发布日期11/08/2020)。

在这个更新之后，我不得不更改一些东西，新版本使用的是data-jscolor=""而不是类jscolor。我做了所有必要的更改，但是在动态加载我的输入字段值之后，我无法得到jscolor框的更新。

我已经在下面的例子中说出了我已经尝试过的一些事情。我在那里也找不到答案，文档

function loadColor() {
  $("#ktxt").val('FF1212');
  $("#kbg").val('26FF35');
  jscolor.trigger('input change')
  //document.getElementById('ktxt').jscolor.trigger('input change');
  //document.getElementById('ktxt').jscolor.fromString('26FF35')
  //document.getElementById('ktxt').jscolor.importColor();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.3.3/jscolor.min.js"></script>

<button onclick="loadColor()">Load Preset Colors</button>

<input type="text" id="ktxt" data-jscolor="" class="form-control" name="ctxt" value="">
<input type="text" id="kbg" data-jscolor="" class="form-control" name="cbg" value="">

jquery

jscolor

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-20 10:49:02

从文档中可以使用fromString，如下所示。您需要选择器对象，所以使用$('#ktxt')[0].jscolor。

试试看。

function loadColor() {
  $('#ktxt')[0].jscolor.fromString('#FF1212');
  $('#kbg')[0].jscolor.fromString('#26FF35');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.3.3/jscolor.min.js"></script>

<button onclick="loadColor()">Load Preset Colors</button>

<input type="text" id="ktxt" data-jscolor="" class="form-control" name="ctxt" value="">
<input type="text" id="kbg" data-jscolor="" class="form-control" name="cbg" value="">

票数 2

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

原文链接：

https://stackoverflow.com/questions/63503059

复制

相似问题

问动态输入的jscolor.js变化
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态输入的jscolor.js变化EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态输入的jscolor.js变化
EN