html - 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 是个好主意，因为它可能会影响其他插件。