jQuery를이 IE10

Question

$(document).ready(function() { 
    $('#ctl00_ContentPlaceHolder1_btnDisplayReport').click(function() { 
     if ((new Date($('#ctl00_ContentPlaceHolder1_txtStartDateFrom').val()) > new Date($('#ctl00_ContentPlaceHolder1_txtStartDateTo').val())) && $('#ctl00_ContentPlaceHolder1_txtStartDateTo').val() != "") { 
      alert("Start date cannot be greater than end date."); 
      return false; 
     } 

     if (new Date(($('#ctl00_ContentPlaceHolder1_txtCompletionDateFrom').val()) > new Date($('#ctl00_ContentPlaceHolder1_txtCompletionDateTo').val())) && $('#ctl00_ContentPlaceHolder1_txtCompletionDateTo').val() != "") { 
      alert("Completion start date cannot be greater than completion end date."); 
      return false; 
     } 
    }); 

    $('.dateverification>input').each(function() { 
     $(this).change(function() { 
      temp = $(this).attr("id"); 
      temp = temp.replace("txt", "lbl"); 
      if ($(this).val()) { 
       $('#' + temp).show(); 
      } 
     }); 

     $('.xlink').click(function() { 
      temp1 = $(this).attr("id"); 
      temp1 = temp1.replace("lbl", "txt"); 
      $('#' + temp1).val(""); 
      temp1 = temp1.replace("txt", "lbl"); 
      $('#' + temp1).hide(); 
     }); 
    }); 
}); 

에 발사하지 이것은 전자의 jQuery FF와 크롬에서 완벽하게 작동 기능을하지만, IE10에서 발사하지, 그리고 $('.dateverification>input').each(function()...에서 시작 작동하지 않는 부분은 내가 dev에있는 모든 자바 스크립트 오류를 ​​잡을 수 없습니다 도구 또는 내가 알아야 할 것. 기본적으로 나는 뭔가를 놓치고 모든 브라우저에서 제대로 작동하지 않습니다.

<tr> 
    <td style="width: 25%;"> 
     <%= this.GetGlobalResourceObject("CourseCompletionReport.aspx", "Reports.CourseCompletionReport.StartDateFrom") %> 
    </td> 
    <td class="dateverification" style="width: 75%;"> 
     <asp:TextBox ID="txtStartDateFrom" runat="server" SkinID="TextBoxNoneMandatory" autocomplete="off" contentEditable="false"></asp:TextBox> 
     <ajaxToolkit:CalendarExtender ID="defaultCalendarExtender1" Format="MMMM dd, yyyy" runat="server" TargetControlID="txtStartDateFrom" /> 
     <asp:Label ID="lblStartDateFrom" runat="server" Text="x" class="xlink" ></asp:Label> 
    </td> 
</tr> 

이 부분 중 하나입니다 (또한 내 codefile에서 노 캐시 요청했다) - 텍스트 상자 + 아약스 달력 + 레이블하여 HTML의 구조뿐만 아니라 문제가있는 경우를 .. 그래서 경우 여러분 중 누구든지이 문제를 디버깅하기 위해 무엇을해야합니까? 미리 감사드립니다.

Answer 1

나는 IE 11의 모든 문제를 IE 11로 옮겼다 고 가정합니다. IE 11을 실행 중이며 제공 한 스크립트와 구조를 기반으로 생각합니다.

여기 제가 사용했던 바이올린입니다. 나는 당신이 보여준 것을 복제하려고 시도했는데, span 요소를 label으로 대체했기 때문에 렌더링이되고 CalendarExtender을 제거 했으므로 어쨌든 중요하지 않다고 생각합니다.

http://jsfiddle.net/Sn7p8/9/

당신은 당신의 선택은 당신이 기대하고있는 요소를지고 있는지 확인이 있습니까? 보조 노트로

, 여기 당신이 회원 보조 노트의 요소

$(document).ready(function(){ 
    Members.btnDisplayReport.click(function(){ 
    ... 
    }); 
});