IE, Jquery 및 formy goodness가 작동하지 않습니다.

Question

많은 검색과 조정을 한 후에, 저는 잘못 된 것이 무엇인지 알아낼 수 없습니다.

문제 : IE는 다음 작품 파이어 폭스와 크롬에서

$(document).ready($(function() { ... 

설정 내 기능을 준수하지 않는 것 :

IE에서

<form id='submit_new_date'> 
<input id='new_date' type='text' /> 
<input type='submit' value='submit' /> 
</form> 

$("#submit_new_date").live('submit', function (event) { 

    var date = $("#new_date").val(); 
    var employee = $("#employee_id").val(); 
    var boxcar = $("#boxcar_id").val(); 
    if (isDate(date)==false) { 
     return false; 
    } 
    event.preventDefault(); 
     $.ajax({ 
       url: 'view/create_new_grouping.php', 
       type: 'POST', 
       data: 'boxcar=' + boxcar + '&employee=' + employee + '&date=' + date, 
       success: function(response){ 
        $('#content').html(response); 
       } 
      }); 
    return false;  
    }); 

,이 작동하지 않습니다. 그냥 기본 게시물 작업을 수행합니다. 그래서 내가 거짓을 반환하고 거기에서 기본을 방어하는 이유입니다. 모든 통찰력은 인정 될 것이다.

아약스가 아시안 문제라고 생각하지 않습니다. 코드 블록을 전혀 실행하지 않는 것 같습니다. 경고를 걸어도 아무런 행동이 바뀌지 않습니다. 또한 Javascript와 html은 분명히 별개의 파일에 있습니다.

Answer 1

당신이 jQuery를 <를 사용하여 사용하는 경우 업그레이드가 대신 제출 버튼에 직접 바인딩을 시도 할 수있는 옵션이없는 경우 .live('submit')가 .live('click')

후 호출 할 경우 IE에서 bug했다 나타납니다 1.4.3.

$("#submit_new_date input[type='submit']").live("click", function(){ 
//stuff 
}); 

jsfiddle 예. 양식 (요소가 DOM에있는 DOM을 준비 후로드되지 않음) 동적이 아닌 경우

는 .live()

$("#submit_new_date").submit(function (event) { 
//do stuff 
}); 

또 다른 jsfiddle 필요하지 않습니다, 당신의 의견에 근거하여.