javascript - jQuery fade in content while using Ajax .append() -
javascript - jQuery fade in content while using Ajax .append() -
trying utilize jquery .fadein() on 'load more' button pulling json html markup server on .append(response). syntax .append(response).fadein('slow'); not seem work, believe dom issue because info appended page before .fadein() has chance work.
any suggestions how accomplish type of effect? javascript below.
$(function () { var offset = 10; $(".load-more-cell").click(function() { $.post("load-more-notifications", {offset: offset, limit: 30}, function (response) { $(".notification-table-body").append(response); offset += 30; }); }); });
append returns current collection, i.e. ".notification-table-body" elements, doesn't contain appended elements, if want phone call fadein on appended elements should @ first create collection contains them , phone call method:
$(response).hide().appendto('.notification-table-body').fadein(); javascript jquery ajax
Comments
Post a Comment