我正在尝试制作一个模式,其中颜色输入使用 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">
知道如何解决这个问题吗?
最佳答案
这是由于 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 是个好主意,因为它可能会影响其他插件。
关于html - jscolor 在引导模式中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50402609/