Callback

Hi, currently not but I’m happy to a look for you as I think would be useful for other users.

Most likely this will be next week when I get an opportunity to look but will keep you updated.

Thanks

Appreciate your quick reply and look forward to it!

Hi, i need that function me too because after the infinite scroll is loaded facebook , google , twitter and bookmark post don’t work anymore for me .. so it’s really important .
Please try to add this function callback.

If it helps anyone, I’ve solved this with the help of a jQuery library:
https://github.com/marcj/css-element-queries

You need to embed ResizeSensor.js and ElementQueries.js and then you use this snippet.

jQuery(window).load(function() {
	new ResizeSensor(jQuery('.content'), function(){
		// do whatever you want here
	});
});

The .content has to be the container that holds all posts.
The ResizeSensor library checks if .content gets resized (which it does, because you are loading new posts inside of it). And when it does, it calls a js function.

Sorry for the delay on this but there is a now a callback in the plugin.

In the settings there will be a box at the bottom where you can add any javascript code to be executed after the new posts have been loaded.

If you need them the callback is passed two parameters an array of the posts that were added called loadedPosts and the current url called url.

If you are using the callback to load isotope/masonry then I have added an example to the plugin website. https://wordpress-ajax-pagination.com/category/isotope.

Let me know if you need any assistance.

Thanks

Ok,now work perfect
but I have another problem now , I want to deply post only when user get on the bottom not from scrolling slowly and showing posts without that animation
you can check it out here: https://9tanks.com
I want this because too many posts are deploy and that make site work slow.
Thanks.
I try to change Infinite Scroll Buffer (px) but same…
I want just when the user get on full bottom.

The only way would be to use the buffer for this. You could set it to a negative number something like -300. This takes in to account the spacing at the bottom of your posts and the height of your footer. This should help the scroll get further down before firing. You may need to experiment with some different numbers.

Other than that you would need to use the load more button instead.

Love the tank loading gif you use!

Thanks

Hey, I would try out but if I try with Load more button there it’s no button just a text Load more post at the bottom of footer and if i press that then Loading…. appear and you can click Loading…. and if you click that loading the page 2 3 depeneds on what page it’s next will duplicate if you press two three times Loading… posts from page 2 3 etc.. will be duplicate.
Sorry for my english, I hope you understand this bug.
Thanks.

And from what I saw 2 pages are loaded not 1 I don’t why… can you please check my selectors ?
This is what i set:

Posts Selector: .row

Post Selector: .main-post

Navigation Selector: .single-navigation

Next Selector: .prev a

Ok the button isn’t styled by default as I wanted to keep it neutral for users and they could style themselves.

You just need to add some css to this class in your stylesheet .malinky-load-more__button which is attached the <a> tag.

Regarding the load more button trigger twice if clicked twice then this is a bug and thanks for pointing that out. I’ll put a fix in for this as soon as possible.

If using infinite scroll it can’t be triggered twice as this was taken care of in an earlier version.

Your selectors are correct.

Thanks

Ok, Thanks again.
Have a nice day.

Just to let you know I’ve fixed the double click issue on the load more button if you still need to use it then just upgrade to v1.2.1.

Thanks

Marking as resolved. Fix has been added.