Zbuduj formularz, który wychodzi i pobiera dane, a następnie wypełnia tabelę za pomocą handlebars.js. Działa świetnie przy pierwszym obejściu, a następnie nie będzie ponownie wypełniany, jeśli dane zostaną zmienione. Jakieś pomysły, jak to zrobić?

$('a.button').on("click", function(e){
        e.preventDefault();

        var date = $('#datepicker').val();
        var func = "get_all_swo_by_date";
        //$('table.output').empty();

        $.ajax({
            url: "../includes/db_functions.inc.php",
            type: "post",
            data: ({ p : date, f : func }),
            dataType: "json",
            success: function(results) {
                var source = $("#entry-template").html();
                var template = Handlebars.compile(source);
                $('table.output').empty();
                if(results.length > 0)
                {
                    $.each(results, function(i, context){
                        $('table.output').append( template(context) );
                    });
                } else {
                    $('table.output').append("There is no data to return.");
                }

            }
        });
    });

Gdy klikniesz „a” z klasą przycisku, zapełni tabelę… (jak wspomniano powyżej). Ok teraz, gdy zmienisz datepicker na inną datę i klikniesz „a” z klasą przycisku, nie spowoduje to ponownego wypełnienia tabeli.

Jeśli ktoś ma uzasadnione pojęcie, dlaczego to nie działa, daj mi znać. Proszę nie tylko wymyślać rzeczy. Mogę to zrobić na własną rękę .. :)