Jquery 为PrimeFaces数据表的第一个元素设置动画
我已经在数据表中加载了一个帖子列表,并且我有一个表单可以在墙上添加一个新帖子 我想做一些类似Facebook的墙的事情,所以,当我插入一篇新帖子时,我希望它出现时有一种褪色的效果 我尝试过使用PrimeFaces的效果,但它会将效果应用于整个DataTable,因此我想到使用一个简单的JQuery脚本,但我不知道如何实现 下面是我最后一次尝试的一个简单代码,它不起作用!:Jquery 为PrimeFaces数据表的第一个元素设置动画,jquery,jsf,animation,primefaces,jquery-effects,Jquery,Jsf,Animation,Primefaces,Jquery Effects,我已经在数据表中加载了一个帖子列表,并且我有一个表单可以在墙上添加一个新帖子 我想做一些类似Facebook的墙的事情,所以,当我插入一篇新帖子时,我希望它出现时有一种褪色的效果 我尝试过使用PrimeFaces的效果,但它会将效果应用于整个DataTable,因此我想到使用一个简单的JQuery脚本,但我不知道如何实现 下面是我最后一次尝试的一个简单代码,它不起作用!: <script type="text/javascript"> function anima
<script type="text/javascript">
function animateNewPost(id) {
jQuery('#post_' +id).effect("slide", { direction: "right" }, 2000);
}
</script>
[cut]
<p:commandLink ajax="true" action="#{postBean.insertPost(loginBean.user)}" value="Insert Post" update=":postMessage, :postList, :postForm" oncomplete="animateNewPost(#{lazyPostBean.posts.get(0).getIdPost()})"/>
[cut]
<p:dataTable id="postTable" var="post" value="#{lazyPostBean.posts}">
<p:column style="border: 0px; background: rgba(0,0,0,0);">
<div class="feature">
<div class="post_#{post.idPost}">
[POST CONTENT]
</div>
</div>
</p:column>
</p:dataTable>
我该怎么办
EDIT:id被正确地传递给javascript函数,Post的div的HTML输出为
<div class="post_24">
所以我想这是对的。对于start,您应该修复jquery选择器,该选择器的目标是将元素的ID放入。引用类的单点,如jQuery.post_ 我之所以使用,是因为我需要设置ID的动画。但你为我指出了解决方案!应该是!非常感谢: