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