1

私はこれをモーダルで使用しています：http ：//www.web2media.net/laktek/2008/10/27/really-simple-color-picker-in-jquery/しかし、それは機能しません。同じコード：

//Start of document Ready which contains event handlers
$(document).ready(function() {

    $('#ForeColor').colorPicker();
});

<input type="text" value="#333399" id="ForeColor" class="colourPicker" />

通常のページでは正常に動作しますが、jQuery UIモーダル（コンテンツはASP.Net MVC部分ビューからのもの）にロードするとすぐに壊れます！一部の作業を行います。つまり、テキストボックスを再フォーマットして現在の色を表示しますが、クリックしてもセレクターは表示されません。

モーダル内でjQueryを使用する際の問題だと思います。

何か案は？

4

1 に答える 1

3

わかりました、実際にはかなり愚かです！

基本的に、モーダルをロードすると明らかに同じページにあり、他の要素の上に表示されるように、jQuery UI モーダルの z-index は 1002 です!

その結果、多数の jQuery ポップアップ要素を含むページ上の要素がモーダルの下に表示され、機能していないように見えます。カラー ピッカーまたはその他の jQuery ポップアップ CSS スタイルに、より高い z-index (1003+) を追加するだけです。

追加する必要があったdivにリンクしたものは次のとおりです。

div#color_selector 
{
   //other stuff
   z-index: 1120; 
}

それが他の誰かに役立つことを願っています。

于 2009-06-11T11:43:37.853 に答える