Проблемы с моим JQuery ... предметы исчезают

Question

У меня есть следующий код:

<div id="comments">
    <h2>
        Comments</h2>
    <div id="comment">
    </div>
    <% foreach (var comment in this.Model.Topic.TopicComments.OrderBy(tc => tc.CreatedDate).Reverse())
       { %>
    <% this.Html.RenderPartial("TopicComment", comment); %>
    <% } %>
    <fieldset>
        <% using (Ajax.BeginForm("AddComment", "Topic", new { id = this.Model.Topic.TopicId },
                new AjaxOptions { UpdateTargetId = "comment", OnSuccess = "animateTopicComment" }))
           { %>
        <%= Html.TextArea("Body", string.Empty, new { @class = "wmd-ignore" })%>
        <input type="submit" value="Add Comment" />
        <% } %>
    </fieldset>
</div>

<script type="text/javascript">

    function animateTopicComment() {
        $("#comment").fadeOut(0, function() {
            $('#comment').fadeIn("slow");
        });
        $("#Body").val("");
    }

</script>

То, что я пытаюсь сделать, - это когда пользователь добавляет комментарий, я бы хотел, чтобы этот комментарий исчез. Это почти работает ... за исключением следующей проблемы:

Если я продолжу добавлять комментарии, все, что было в комментарии, будет переопределено. Если я не использую анимацию jQuery, новые комментарии отображаются правильно.

Answer 1

Может ли это иметь какое-то отношение к тому, что вы постепенно затушевываете все элементы, которые имеют идентификатор комментария? Можете ли вы попытаться удалить затухание и получить только затухание?

если это не удастся, вы можете дать новому комментарию уникальный идентификатор и исчезнуть только в.

Кроме того, что вы видите в комментариях? Вы можете предоставить этот код?

EDIT

Просто подумал немного. Я реализовал то же самое, что и вы, и то, как я это сделал, было сделать постбэк jQuery, который возвращал html через RenderPartial. Затем я просто [добавил] этот html в конец div, содержащего комментарии, и потушил его.

Это было бы уместно в ваших обстоятельствах?