IE, Jquery, и Formy Боже не работает

Question

После долгих поисков и подстройки я не могу для ЖИЗНИ себя понять, что не так.

Проблема: IE не соответствует моим функциям, установленным в

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

В FireFox и Chrome работает следующее:

<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;    
    });

В IE это работаетне работа.Он просто выполняет действие по умолчанию.Именно поэтому у меня есть и возвращать ложь и предотвращение там.Любое понимание будет оценено.

Так что я не думаю, что это проблема asych с ajax, потому что кажется, что он вообще не выполняет блок кода.Даже предупреждение не меняет поведение.Кроме того, Javascript и HTML находятся в отдельных файлах, очевидно.

Answer 1

Если вы используете jQuery <1.4.3, похоже, это ошибка <a href="http://bugs.jquery.com/ticket/6359" rel="nofollow"> в IE, если .live('submit') был вызван после .live('click')

Если обновление не является опциейвместо этого вы можете попробовать привязку непосредственно к кнопке отправки.

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

A jsfiddle пример.

На основании вашего комментария, если формане является динамическим (элементы находятся в dom и не загружаются после того, как dom ready готов) вам не нужно .live()

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

еще jsfiddle .