jscolor 在 bootstrap 模态中不起作用

Question

我正在尝试制作一个颜色输入使用 jscolor 的模式（因为 <input type="color"> 在 safari 上不起作用）。但是当我在 bootstrap 模式的 <div> 中调用下一行时，它似乎不起作用。

<script src="jscolor.js"></script>
<h2>Example 1</h2>
Color: <input class="jscolor" type="color" value="#563d7c" id="colorTexto" name="colorTexto">

知道如何解决这个问题吗？

Answer 1

这是因为 Bootstrap 的模态框的 z-index 为 1050，而 jscolor popup 的 z-index 为 1000（默认）。您有 2 个选择。

1.覆盖选项参数的值

var options = {
    zIndex: 1080
}
var picker = new jscolor('colorTexto', options);

2。在 jscolor.js

中设置默认 z-index 值

(ver 2.0.5 line 1029) 
this.zIndex = 1080;

我不认为将其设置为 9999 是个好主意，因为它可能会影响其他插件。

jscolor does not work in a bootstrap modal