我想使用 JScolor,但是当我按下一个元素时,我似乎无法让它工作,这有点违背了它的目的。有人有解决方案吗?
<div class='drag resizable'>
<ul class='list-inline'>
<li>
<textarea class='resizable' type='text'></textarea>
</li>
<li>
<div class='buttonDiv'>
<i class='fa fa-paint-brush fa-lg color' id='rect' aria-hidden='true'></i>
<br>
<i class='fa fa-trash fa-lg delete' aria-hidden='true'></i>
</div>
</li>
</ul>
</div>
这是一个完整的JSFiddle。
当您单击画笔时,它应该打开 JSColor 托盘,但它没有,对我来说它仅适用于输入元素。
https://jsfiddle.net/0vjf9cdz/4/
不能放过这个。在纠缠我,哈哈。
https://www.w3schools.com/tags/tag_i.asp
颜色属性在 元素上根本不受支持......
此示例工作正常
<ul>
<li>
<button
class="pincel fa-paint-brush jscolor {valueElement:null,value:'66ccff', styleElement:'rect'}"
>icon here</button>
</li>
</ul>
<p id="rect" style="border:1px solid gray; width:161px; height:100px;">
</p>
<script>
function update(jscolor) {
// 'jscolor' instance can be used as a string
document.getElementById('rect').style.backgroundColor = '#' + jscolor
}
</script>a
这里的例子 https://jsfiddle.net/rollrodrig/judkgthd/1/