Question

我想要使用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/

Answer 1

此示例正常运行

            <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/

Answer 2

不能让这一个去。是在烦我，哈哈。

https://www.w3schools.com/tags/tag_i.asp

＆lt;＆lt;＆lt;我＆gt;元素......

JSColor无法使用<i>元素？

2 个答案: