jQuery插件不会在模式工作(jQuery Plugin does not work in a M

我在一个模式使用此： 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-index（1003+）到颜色选择器或其他的jQuery弹出CSS样式。

对于一个我挂我需要添加是DIV：

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

希望可以帮助别人。

文章来源: jQuery Plugin does not work in a Modal