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 Modal에로드하자마자 (내용은 ASP.NET MVC 부분보기에서 나옵니다) 파손됩니다! 그것은 일부 작업을 수행합니다. 즉, 현재 색상을 보여주기 위해 텍스트 상자를 개혁하지만 클릭하면 선택기가 나타나지 않습니다!

Modals 내부의 jQuery를 사용하는 데 문제가 있다고 생각합니다 ..

어떤 아이디어?

Answer 1

OK 실제로 어리석은 일을 알아 냈습니다!

기본적으로 모달을로드 할 때는 분명히 같은 페이지에 있으며 다른 요소 위에 나타나는 jQuery UI Modal의 Z-Index가 1002입니다!

결과적으로 많은 jQuery 팝업 요소를 포함하여 페이지의 모든 요소가 나타납니다. 아래에 모달과 따라서 작동하지 않는 것 같습니다. 컬러 피커 또는 기타 JQuery 팝업 CSS 스타일에 더 높은 z-index (1003+)를 추가하십시오.

내가 추가해야 할 DIV에 연결된 것은 다음과 같습니다.

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

다른 사람을 돕기를 바랍니다.