jQuery插件不能在模態中工作

Question

我在模態中使用它：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內模態的問題..

任何想法？

Answer 1

好吧，算了一下，其實真的很愚蠢！

基本上，當你加載一個模式，它顯然是在同一頁面上，並出現在其他元素之上的jQuery UI模式有一個1002的Z指數！

因此，您網頁上的任何元素（包括大量jQuery彈出式元素）都會出現下方的模式，因此看起來不起作用。只需將顏色選擇器或其他jQuery彈出式CSS樣式添加更高的z-index（1003+）即可。

對於我一個鏈接到我還需要增加股利是：

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

希望幫助別人。