Javascript JSColorがポップアップページで機能しない

Question

色を変更するためにカラーピッカーを使用しましたが、ポップアップウィンドウで機能しませんでした。 私は動的に追加され、テキストに色を適用したいhtmlコードをいくつか持っています。私はどのようにポップアップページを使用して色を適用できますか？

Answer 1

JSColorポップアップのデフォルトのzIndexは、おそらく小さすぎます。そのため、ポップアップは表示されません。あなたのjscolor.jsファイルに移動し、

this.zIndex = 9999;

Answer 2

9999へのZIndexを変更@Captuszzが、これはおそらく、ポップアップのZインデックスはjscolorのデフォルトのZインデックスよりも大きいとの問題であることが正しいです（1000）。

デフォルトを変更することも可能です。代替は、コンフィギュレーションを経由して、特定のjscolorインスタンスのZインデックスを設定するために、次のようになります。

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

「右」のz-index値がちょうどポップアップのより大きくする必要がありますので、私は見てお勧めしたいです可能な限り最大値にまっすぐにジャンプすると、何か他のものがさらに前景にされる必要がある場合に、後で問題になる可能性があります。

また、jscolorポップアップはポップアップdiv内でレンダリングされないので、カラーピッカー内のクリックイベントはポップアップの「外側」としてカウントされます。