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" /> 

은 일반 페이지에서 잘 작동하지만 최대한 빨리 (내용이있는의 ASP.Net MVC 부분보기에서 온) JQuery와 UI 모달에서로드로 나누기! 작업의 일부를 수행합니다. 즉, 텍스트 상자를 다시 포맷하여 현재 색상을 표시하지만 클릭하면 선택기가 나타나지 않습니다!

내가 jQuery를 내부 조동사를 사용에 문제가 용의자 ..

어떤 아이디어?

Answer 1

실제로 오히려 어리석은 것을 알았습니다.

기본적으로 모달을로드 할 때 분명히 동일한 페이지에 있고 다른 요소 위에 표시되도록 jQuery UI 모달의 Z- 인덱스는 1002입니다!

결과적으로 많은 jQuery 팝업 요소를 포함하여 페이지의 모든 요소가 아래에 으로 표시되어 작동하지 않는 것처럼 보입니다. 색상 선택기 또는 다른 jQuery 팝업 CSS 스타일에 더 높은 Z- 색인 (1003+)을 추가하기 만하면됩니다. 내가 추가하는 데 필요한 DIV에 연결된 하나

이었다 : 다른 사람을 도움이

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

희망.