jscolor 在引导模式中不起作用

Question

我正在尝试制作一个颜色输入使用 jscolor 的模式（因为 <input type="color"> 不适用于 safari）。但是，当我在引导模式的<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 的 modal 的 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 是一个好主意，因为它可能会影响其他插件。