JQuery Datepicker ASP.NET 포스트 백 이후에 IE7 디스플레이 문제

Question

저는 JQuery Datepickers가 두 개있는 ASP.Net 4.0 웹 앱을 가지고 있습니다. datepicker는 페이지가 처음로드 될 때와 관련된 텍스트 상자가 표시되면 잘 작동합니다. (첨부 된 스크린 샷보기) 그러나 페이지가 처음로드 될 때 텍스트 상자가 보이지 않을 때 문제가 발생합니다. 포스트 백이 발생하고 포스트 백 후에 텍스트 상자가 표시되면 날짜 표시기가 제대로 표시됩니다. 그러나 CSS는 모두 엉망입니다. (첨부 된 스크린 샷 참조) 이것은 IE 7에만 해당됩니다. IE8 및 IE9가 정상적으로 작동합니다.

function pageLoad() { 
      $('#<%= dtPolExpDate.ClientID %>').unbind(); 
      $('#<%= dtPolExpDate.ClientID %>').datepicker({ 
       buttonImage: '../../Common/images/calendar.gif', 
       buttonImageOnly: true, 
       showOn: 'both', 
       changeMonth: true, 
       changeYear: true, 
       showButtonPanel: true, 
       closeText: 'Close' 
      }); 

나는 소스에서 보았을 때의 CSS 파일이 제대로로드 등 JQuery와의 자바 스크립트 파일은 다음과 같습니다 여기

는 날짜 선택기를 초기화하는 코드입니다.

나는 masterpages에서 뭔가있는 줄 알았는데, 정말 간단한 aspx 페이지를 만들었습니다. 똑같은 문제가 있습니다. 버튼을 클릭하여 datepicker 관련 텍스트 상자가있는 패널을 표시하면 datepicker가 엉망입니다. 모든 페이지에는 중첩 된 패널이 있으며 맨 위 패널에는 간단한 버튼이 있습니다.이 버튼을 클릭하면 아래쪽 패널에 datepicker가 표시됩니다. 나는 여기 aspx 파일을 첨부 할 수 없지만 필요한 경우 코드의 스크린 샷을 찍어 여기에 업로드 할 수 있습니다.

편집 :

1. 테스트 코드
2. (버튼 클릭하기 전에 이미 볼 수 있습니다) 다시 게시 전에 날짜 선택기 게시 후

3. 날짜 선택기 (다른 날짜 선택기 : 첨부 모든 related images 있습니다 버튼 클릭 후 표시됨)

   도와주세요!

Answer 1

pageLoad()은 무엇입니까?

어쨌든 $(document).ready()을 사용하십시오.

$(document).ready(function(){ 
    $('#<%= dtPolExpDate.ClientID %>').unbind(); 
    $('#<%= dtPolExpDate.ClientID %>').datepicker({ 
     buttonImage: '../../Common/images/calendar.gif', 
     buttonImageOnly: true, 
     showOn: 'both', 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     closeText: 'Close' 
    }); 
});