jQuery 插件在 Modal 中不起作用

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 模态的 z-index 为 1002！

因此，您页面上的任何元素，包括许多 jQuery 弹出元素，都将出现在模态下方，因此似乎无法正常工作。只需在颜色选择器或其他 jQuery 弹出 css 样式中添加更高的 z-index (1003+)。

对于我链接到我需要添加的 div 的那个是：

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

希望对其他人有所帮助。