Javascript JSColor在弹出页面上不起作用答案

【问题标题】：Javascript JSColor not working on popup pageJavascript JSColor在弹出页面上不起作用
【发布时间】：2016-07-27 10:38:46
【问题描述】：

我使用颜色选择器更改颜色，但它在弹出窗口中不起作用。我有一些动态添加的 html 代码，我想将颜色应用于文本。如何使用弹出页面应用颜色？

【问题讨论】：

标签： jscolor

【解决方案1】：

JSColor 弹出窗口的默认 zIndex 可能太小了。因此，未显示弹出窗口。进入您的 jscolor.js 文件并将 zIndex 更改为 9999

this.zIndex = 9999;

【讨论】：

【解决方案2】：

@Captuszz 是正确的，这可能是弹出窗口的 z-index 大于 jscolor 的默认 z-index (1000) 的问题。

更改该默认值是一种可能性。另一种方法是通过配置为该特定 jscolor 实例设置 z-index：

<input class="jscolor {zIndex:9999}" value="ab2567">

“正确的”z-index 值只需要大于弹出窗口的值，所以我建议查看弹出窗口的值，然后加 1。直接跳转到最大可能值可能会在以后成为问题，如果其他的东西需要更加突出。

还要注意 jscolor 弹出窗口不会在弹出窗口 div 中呈现，因此颜色选择器中的点击事件算作弹出窗口“外部”。

【讨论】：