Question

我正在使用这个CSS文件http://daneden.github.io/animate.css/向我正在构建的网站添加一些动画。例如，当我从列表中删除项目时，我需要播放动画，但是我怎么能这样做，因为元素不再在DOM中？

Answer 1

好的，这是我的jsp代码：

<tbody class="filter">
    <c:forEach var="message" items="${messages}">
        <tr id="${message.id}" class="body">
            <td>${message.name}</td>
            <c:choose>
            <c:when test="${not empty message.file}"><td>${message.file.name}</td></c:when>
            <c:otherwise><td>${message.tts}</td></c:otherwise>
            </c:choose>
        <td class="icon"><i id="delete" class="icon-trash icon-hover"></i></td>
        </tr>
    </c:forEach>
</tbody>

还有一些jQuery：

 $.ajax({
    type: "GET",
    url: "message/delete/" + id,
    dataType: "json",
    success: function(response) {
        if (response.status == "OK") {
        $row.addClass('animated flipOutX');
                // Here I need to run an animation before I delete the item.
        $('#messageTable tr#' + id).remove();
        }
    }
 });

再次感谢您的帮助！

<强>更新

演示http://jsfiddle.net/g3WLM/1/

删除项目时使用animate.css播放动画

1 个答案: