切换元素类并使用旧类在视图中添加新元素

I'm working at a comment system for a website. I am using jquery to update the view after comment under post is posted.

我正在为一个网站的评论系统工作。我发布帖子后发表评论后,我正在使用jquery来更新视图。

The element I am pushing the comment after post is like this:

我在帖子后发表评论的元素是这样的:

<p class="card-text new_comment_{{$i->id}}" style="display:none"></p>

So what I do is

所以我做的是

//Manages post in view
jQuery(function ($) {
    $(document).ready(function () {

        $("body").on("submit", ".dynamic-form", function (e) {

            var form_id = '#' + $(this).attr('id');
            //removes the 'post_' part from id
            var id = this.id.replace('post_', '');
            var new_comment_class = '.new_comment_' + id;
            var new_comment_class_removal = 'new_comment_' + id;
            var comments_id = '#comments_' + id;
            var form = $(this);

            $.ajax({
                url: form.prop('action'),
                type: 'post',
                dataType: 'json',
                data: $(this).serialize(),
                success: function (data) {

                    var resultStr = "";

                    resultStr = resultStr + "<a href=\"#\">" + data.user_name + " <\/a>" + data.body ;


                    $(comments_id).find(new_comment_class).html(resultStr).slideToggle(150).promise().done(function () {
                        $(new_comment_class).fadeIn("fast").toggleClass(new_comment_class_removal);
                    });

                    $(form_id).slideToggle(150).promise().done(function () {
                        $(form_id).fadeOut("fast");
                    });

                }
            });
            e.preventDefault();
        });
    });
});

so after the javascript gets executed the element loses the class that permits me to find it in the view so that if the user posts again the body of the post doesn't get appended to that element. But now how do I put a new target element as the original one just above the newly creatded one? like this:

所以在执行javascript之后,元素会丢失允许我在视图中找到它的类,这样如果用户再次发布帖子的主体就不会附加到该元素。但是现在我如何将一个新的目标元素作为原始元素放在新生成的元素之上?像这样:

<p class="card-text new_comment_{{$i->id}}" style="display:none"></p>
<p class="card-text">This is the body of the comment</p>

1 个解决方案

#1

更多相关文章

随机推荐