1

我在模态中使用它: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 的问题..

有任何想法吗?

4

1 回答 1

3

好吧想通了,实际上相当愚蠢!

基本上,当您加载模态时,它显然在同一页面上并出现在其他元素之上,jQuery UI 模态的 z-index 为 1002!

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

对于我链接到我需要添加的 div 的一个是:

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

希望对其他人有所帮助。

于 2009-06-11T11:43:37.853 回答