Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 为PrimeFaces数据表的第一个元素设置动画_Jquery_Jsf_Animation_Primefaces_Jquery Effects - Fatal编程技术网

Jquery 为PrimeFaces数据表的第一个元素设置动画

Jquery 为PrimeFaces数据表的第一个元素设置动画,jquery,jsf,animation,primefaces,jquery-effects,Jquery,Jsf,Animation,Primefaces,Jquery Effects,我已经在数据表中加载了一个帖子列表,并且我有一个表单可以在墙上添加一个新帖子 我想做一些类似Facebook的墙的事情,所以,当我插入一篇新帖子时,我希望它出现时有一种褪色的效果 我尝试过使用PrimeFaces的效果,但它会将效果应用于整个DataTable,因此我想到使用一个简单的JQuery脚本,但我不知道如何实现 下面是我最后一次尝试的一个简单代码,它不起作用!: <script type="text/javascript"> function anima

我已经在数据表中加载了一个帖子列表,并且我有一个表单可以在墙上添加一个新帖子

我想做一些类似Facebook的墙的事情,所以,当我插入一篇新帖子时,我希望它出现时有一种褪色的效果

我尝试过使用PrimeFaces的效果,但它会将效果应用于整个DataTable,因此我想到使用一个简单的JQuery脚本,但我不知道如何实现

下面是我最后一次尝试的一个简单代码,它不起作用!:

<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的动画。但你为我指出了解决方案!应该是!非常感谢: