JQuery AJAX вызов на AJAX загруженных данных

Question

Я создаю форму для бронирования на сайте.Когда вы выбираете смену, загружаются доступные даты.Теперь я хотел бы загрузить доступные места, когда вы выбираете дату.

//Shift choosen
$("input[name$=shift]").change(function() {
    $.ajax({
        type: 'POST',
        url: '/reservations/date/list/future-notfull-withshift',
        data: $("input[name$='shift']").serialize(),
        success: function(msg) {
                $("#date").html(msg);
                $("#date").fadeIn(250);
            }
    });
});

//Date choosen
$("input[name$=dates]").live("change", function() {
    $.ajax({
        type: 'POST',
        url: '/reservations/date/list/availableseats',
        data: $("input[name$='dates']").serialize(),
        success: function(msg) {
            $("#seats").html(msg);
            $("#seats").fadeIn(250);
        }
    });
});

В этом коде первый блок работает просто отлично, но второй вызов, который очень похож, неработа: нет вызова Ajax ... Есть идеи, почему?Как я могу решить это?

Answer 1

Убедитесь, что $("input[name$=dates]") что-нибудь найдет.Может быть, jQuery не может найти ваш dates ввод?

Кстати: это ваше приложение?Если вы можете - используйте id attrib или class attrib.input[name$=dates] селектор не очень быстрый.Даже поиск по области лучше: $('#foo').find("input[name$=dates]").live(...).
Также взгляните на функцию delegate в jQuery.Это как live, но лучше;)