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(...) 另请参阅jQuery中的delegate函数。它就像live但更好;）

jQuery ajax调用ajax加载的数据

1 个答案: