ModalPopupExtender 뒤에 JQuery Timepicker

Question

2 층modalPopupExtender 뒤에있는 JQuery Timepicker의 z-index을 수정하려고합니다. 지금까지 나는 여기에서처럼 100002에 .ui-timepicker-div의 Z- 인덱스를 변경하여 문제를 해결하려고 :

.ui-timepicker-div 
{ 
    z-index:100002; 
} 

하지만 여전히 행운을. 이 문제를 해결하기위한 가능한 접근 방법에 대한 제안? jQuery 현지화 또는 순수 CSS 코딩 중 하나 일 수 있습니다.

감사합니다.

Answer 1

Eurika을 시도! 나는 마지막으로 다음과 같은 시나리오에서 결합 비틀기로 고정이에 관리 : 2- 레이어 modalPopupExtender 다시 게시하는

1. . 이는 jQuery가 이전에 현지화 된 것을 의미합니다. 대신 $(document).ready(function() {});의,이 문제를 해결하려면이 같은 function pageLoad(){}을 사용할 수 있습니다

   function pageLoad() 
   { 
       $('#ctl00_ContentPlaceHolder1_txtTimeSlotFrom').timepicker({ 
        hourGrid: 4, 
        minuteGrid: 10 
       }); 
   } 
   

이제

2. 의 z-index를 해결하기 위해, 나는 여기에서처럼 현지화에 beforeShow 설정이 포함

    $('#ctl00_ContentPlaceHolder1_txtTimeSlotFrom').timepicker({ 
         hourGrid: 4, 
         minuteGrid: 10, 
         beforeShow: function() { 
          setTimeout(function(){ 
           $('.ui-timepicker').css('z-index', 16777271); 
          }, 0); 
         } 
        }); 
   

Answer 2

이

.ui-timepicker //on .ui-datepicker because it gives z-index to this div at runtime and add position:absolute; 
{ 
    z-index:100002 !important; 
    position:absolute; 
}