Infinite loading dont work on block after changing Category with ajax filter

Hi,
im using the td_block_22 on my mainpage with td_ajax_filter and infinite ajax_pagination without stop. When i open my mainpage in the browser again the infinite load for the inital category “ALL” works fine. But when i change the category with the ajax category filter the infinite loading dont work. It only shows up 5 posts…

The same when i click back to “ALL” – the infinite loading dont work (DONT TRIGGER). When i refresh the site with F5 it works.

In your Demo http://demo.tagdiv.com/newspaper/block-16/ – the last block with the title “3 columns with INFINITE LOAD” there is the load more button – but if i click on a category “style hunter” and then back to the “ALL” it only shows one row instead of loadind all the posts. As mentioned before, im not using a load more button – just infinite loadining without a load more button and without stop.

Seems like a bug
thx

• This topic was modified 10 years by newtag.

hi, thx for the quick answer.

Can you test the same without vc – i dont use it…?
thx

Hi Bogdan,

Definitely I can verify that there is some bug here – tested no plugins and on different browsers.

Steps to reproduce:

1) Scroll to let infinite scroll load a page
2) Scroll back up and click a filter (e.g. ‘All’)
3) Scroll down again and infinite scroll doesn’t trigger

I’m currently digging as to why, but I can confirm that to get it to work after the above steps, you need to call the function in console:

tdInfiniteLoader.computeTopDistances()

Then the next page displays and infinite scroll works again.

Everytime I go on to click a filter, I must repeat the above steps to get it to work again as well. Possibly the below setTimeout function to trigger the computeTopDistances() call is not executing after filtering occurs.

case "infinite_load":
setTimeout(function() {
tdInfiniteLoader.computeTopDistances();
"" !== a.td_data && tdInfiniteLoader.enable_is_visible_callback(c.id)
}, 500), setTimeout(function() {
tdInfiniteLoader.computeTopDistances()
},
1E3), setTimeout(function() {
tdInfiniteLoader.computeTopDistances()
}, 1500)

Currently workaround this by calling the computeTopDistances() on every scroll event:

jQuery(window).scroll(function() {tdInfiniteLoader.computeTopDistances();});

Hopefully there can be a fix.

Please and thanks!

Ah, damn.

But the workaround only works once when you initially click each filter.

After that, when you continue filtering, it breaks again.

Also can confirm the reported issue occurs in your demo:
http://demo.tagdiv.com/newspaper/block-16/

Only 1 row renders – no infinite load, no Load More button

Screenshot

• This reply was modified 6 years by Colin.
• This reply was modified 6 years by Colin.

Hi Calin,

Thanks so much for the Load more solution.

Is there a way to get infinite scroll working as well, please?

Hi Calin,

Please do, and I look forward to hearing about the fix!

Thanks so much for the update.