2009-06-10 11 views
1

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

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

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

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

は、通常のページでは正常に動作しますが、できるだけ早く私は(の内容はASP.Net MVC部分図から来る)のjQuery UIモーダルでそれをロードするよう、それが壊れます!いくつかの作業を行います。つまり、テキストボックスを再フォーマットして現在の色を表示しますが、それをクリックしてもセレクタは表示されません。

私はそれがモーダル内のjQueryを使用しての問題だ疑い。..

任意のアイデア?

答えて

3

実際にはわかりましたが、実際はばかだ!

基本的にモーダルを読み込むと、明らかに同じページに表示され、他の要素の上に表示されます.jQuery UIモーダルのZインデックスは1002です!

結果として、多くのjQueryポップアップ要素を含むページ上の要素はの下にのように表示され、動作していないように見えます。カラーピッカーや他のjQueryのポップアップCSSスタイルに、より高いZ-インデックス(1003+)を追加するだけです。

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

希望誰を支援します。私は私がいた追加する必要がdiv要素にリンクされている1のために

+0

また、jQueryを使用して要素のZ-インデックスを取得し、必要に応じて要素の上端をポップすることもできます。 – SeanJA

+0

ありがとう! –

関連する問題