jquery - Animate loaded data with ajax -

-

i want animate data loaded page ticker effect.

i managed 1 example found online.

my issue here is, want make effect work when ajax loaded.

so tried putting ajax code inside .when , ticker effect in .done

but did not work this.

what else can try?

$(document).ready(function() {          $(function checkinmap() {             $.when($.ajax({                 type: "get",                 url: "default.cs.asp?process=viewcheckins",                 success: function(data) {                 $(".newsfeed").append(data);                 },                 error: function(data) {                 $(".newsfeed").append(data);                 }             })).done();         }); });            var delay = 2000; // can change         var count = 5; // how items animate         var showing = 3; //how items show @ time         var = 0;             function move(i) {                 return function() {                     $('#feed'+i).remove().css('display', 'none').prependto('.newsfeed');                     }             }             function shift() {                 var toshow = (i + showing) % count;                 $('#feed'+toshow).slidedown(1000, move(i));                 $('#feed'+i).slideup(1000, move(i));                 = (i + 1) % count;                 settimeout('shift()', delay);             }             $(document).ready(function() {             settimeout('shift()', delay);         });

external data

                        <div class="metadata" id="feed0">                             <div class="userinfo">                                 <span><strong>&nbsp;</strong> @ amphi @ ny</span>                                 <span></span>                                 <span>-5276 seconds ago</span>                             </div>                             <div class="commonfriends">                                                            </div>                                                             <div class="tools">                                                            </div>                           </div>                          <div class="metadata" id="feed1">                             <div class="userinfo">                                 <span><strong>&nbsp;</strong> @ flaming buddha house</span>                                 <span></span>                                 <span>18 hours ago</span>                             </div>                             <div class="commonfriends">                                                            </div>                                                             <div class="tools">                                                            </div>                           </div>                          <div class="metadata" id="feed2">                             <div class="userinfo">                                 <span><strong>&nbsp;</strong> @ bar @ ny</span>                                 <span></span>                                 <span>19 hours ago</span>                             </div>                             <div class="commonfriends">                                                            </div>                                                             <div class="tools">                                                            </div>                           </div>                          <div class="metadata" id="feed3">                             <div class="userinfo">                                 <span><strong>&nbsp;</strong> @ gym @ ny</span>                                 <span></span>                                 <span>8 hours ago</span>                             </div>                             <div class="commonfriends">                                                            </div>                                                             <div class="tools">                                                            </div>                           </div>                          <div class="metadata" id="feed4">                             <div class="userinfo">                                 <span><strong>&nbsp;</strong> @ bar @ ny</span>                                 <span></span>                                 <span>yesterday</span>                             </div>                             <div class="commonfriends">                                                            </div>                                                             <div class="tools">                                                            </div>                           </div>                          <div class="metadata" id="feed5">                             <div class="userinfo">                                 <span><strong>&nbsp;</strong> @ ny</span>                                 <span></span>                                 <span>yesterday</span>                             </div>                             <div class="commonfriends">                                                            </div>                                                             <div class="tools">                                                            </div>                           </div>

i guess need put "animation" code inside success callback function of ajax.

success : function (data) { [animationcodehere] }

Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more