JQuery ajax并不适用于动态添加的表单

时间:2014-06-14 11:49:24

标签: jquery ajax asp.net-mvc asp.net-mvc-4

我有一个评论列表,每个评论都有里面的按钮投票 在进行投票时我称之为此功能:

$(".vote").on("click", function (e) {...

但是当我在列表中添加新注释时,我使用此函数添加它:

$("#frmNewComment").on("submit", function(event) {
            event.preventDefault();

            var url = $(this).attr("action");
            var formData = $(this).serialize();

            $.ajax({
                url: url,
                type: "POST",
                data: formData,
                dataType: "html",
                success: function (html) {
                    $(".comments-list").append(html);
                }
            });

        });

但投票时它并没有对其提出AJAX请求 评论被提交给服务器但没有AJAX 在这个sistuation应该做什么?

1 个答案:

答案 0 :(得分:0)

替换

    $("#frmNewComment").on("submit", function(event) {

    $("body").on("submit","#frmNewComment", function(event) {

如果您是带有ajax响应的更改表单元素

,它将起作用

对点击事件使用相同

    $("body").on("click",".vote", function (e) {...