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; 
} 

希望帮助别人。