AJAX loaded items not fading about aos HOT 6 CLOSED

Hi again @nathanaelphilip. refresh is a pretty light function - it only check position of elements that were found during initialization. And it's called whenever aos element is being injected to DOM because of the DOM observer implementation.

Ouch.. Now I see what I did wrong there. I should add another method, for example hardRefresh - which will not only recalculate and check positions of elements, but also mutate the store with those elements by pushing new items.

I'm definitely going to make it work.

For now as a quick workaround you can instead of refresh use init with the same options. It should work well I guess ;)

from aos.

sweet! i’ll try that for now. thanks :). this plugin is really nice and i think will replace my own custom way (once all the bugs are worked out).

from aos.

Glad to hear that :) Stay tuned

from aos.

I'd add a parameter to refresh instead of introducing a new method. For instance refresh(checkDOMs) will reduce confusion.

If you want to go further, there is an API called MutationObserver for detecting DOM changes. Maybe you can hook it and do an auto refresh when a DOM is added or hook it, flag when a change is detected and recheck DOMs only when refresh is called manually. By this you will have an intelligent method that knows if to check DOMs or not. Putting an auto refresh when DOM change in the options will complete this.

Check this out: http://stackoverflow.com/questions/3219758/detect-changes-in-the-dom

from aos.

MutationObserver is actually implemented @ErtugKaya ;) I use it to detect DOM changes and trigger reload. But I spot an issue after @nathanaelphilip message that reload is not checking position of new elements, only the initial ones. I'm going to fix this soon.

I'd rather avoid messing with parameters. Another private method that prepares fresh store with elements and reuses actual reload would be IMHO the cleanest and proper solution.

I'll let you know when it's done in this topic.

from aos.

Hi, I just fixed this issue in #24 .
Version 1.2.2 works like expected.
Now whenever you load some items using ajax they automatically animate and behave properly.

Hope you find this useful :)

from aos.