如何重新加载 - 在AJAX代码注入后更新de DOM？

Question

我认为最简单的方法就是用我所拥有的图像来解释它。

摘要 - 我有一个提交帖子的表单（非常类似于你在twitter中找到的）。在每个帖子中都有一个<ol>，其中包含对该帖子的评论。

问题 - 当我提交第一条评论（图片中的按钮提交2）时，它不会调用ajax而只是转到一个页面，它向我显示评论的php输出。它似乎没有重新加载或将DOM事件应用于该部分代码。如果我回去，则会显示评论（因为它会刷新页面），并且在添加第二条评论时，一切正常，正如预期的那样。问题只是第一个评论。

流量 - 1）插入新帖子 2）单击textarea，输入一些文本并按提交 3）跳转到显示用于评论的php输出的页面 3a）没有进行ajax调用。它永远不会输入代码

你能帮我理解发生了什么吗？提前谢谢。

如果您需要更多代码，请告诉我。

JS（post_comment.js - 与图片中的提交2相关联。我使用ajaxForm - jquery表单插件 - 虽然我也尝试使用标准的.ajax调用，但结果是一样的）

$(function () {

    var options = {
        success: function (html) {

            var arrHTML = html.split(',');
            var postId = $.trim(arrHTML[0]);
            var html_code = arrHTML[1];

            $('ol#post_comment_list' + postId).load(html_code);
            //$('ol#post_comment_list'+postId 'li:first').slideDown('slow');
            $('.footer-post').hide();
            $('.comments-feed').delay(2000).slideUp({
                duration: 1000,
                queue: true
            });
            $('.small-textarea-main-feed').removeClass('set-large');
            resetForm($('.footer-comment'));
        },
        error: function () {
            alert('ERROR: unable to upload files');

        },
        complete: function () {

        },
    };

    $(".footer-comment").ajaxForm(options);

    function ShowRequest(formData, jqForm, options) {
        var queryString = $.param(formData);
        alert('BeforeSend method: \n\nAbout to submit: \n\n' + queryString);
        return true;
    }

    function resetForm($form) {
        $form.find('input:text, input:password, input:file, select, textarea').val('');
        $form.find('input:radio, input:checkbox')
            .removeAttr('checked').removeAttr('selected');

    }
});