jquery - Jquery ajax 发布请求仅在单击操作上发送一次

Question

我有一个按钮：

<a href="#" id="buttonNew" class="buttonNew">{{ 'buttonNewText'|trans }}</a>

当我点击这个按钮时，还有一个 ajax 动作：

    $(function(){
        $("#buttonNew").click(function(e){
            $.ajax({
                type: "POST",
                url: "{{ path('ajax_load_new_note_form') }}",
                success: function(data) {
                    $('#homeLeft').html(data);
                }
            });
        });
    });

我第一次单击按钮时，会发送一个发布请求，所以没关系。但是当我再次点击时，没有其他请求被发送。当我重新加载页面时，单击发送请求而不是下一次单击。

我错过了什么？

提前谢谢你

Answer 1

尝试

$(function(){
    $("body").on('click','#buttonNew',function(e){
        $.ajax({
            type: "POST",
            url: "{{ path('ajax_load_new_note_form') }}",
            success: function(data) {
                $('#homeLeft').html(data);
            }
        });
    });
});

Answer 2

这应该有效：

$(function(){
    $("#buttonNew").click(function(e){
        $.ajax({
            type: "POST",
            url: "{{ path('ajax_load_new_note_form') }}",
            success: function(data) {
                $(this).html(data);
            }
        });
    });
});