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-index！

因此，您的页面上的任何元素，包括很多jQuery的弹出元素，将出现的下面的模态，因此出现不正常。只是一个更高z索引（1003+）添加到颜色选择器或其它的jQuery弹出CSS样式。

有关的一个I连接到div我需要添加是：

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

希望帮助别人。