AJAX Load More with Match Height

Hi all,

About 6 months ago there was a topic regarding MatchHeight used with Ajax Load More. The solution was something like this…

almComplete = function(alm){
    jQuery(".blog-entry").matchHeight();
    jQuery(".blog-entry-photo").matchHeight();
    jQuery(".blog-entry-title").matchHeight();
    jQuery(".blog-entry-excerpt").matchHeight();
};

However, I tried it and it seems to have a funky effect. Please see video.

https://www.loom.com/share/44065127b65c4b35afcc85fc1e9b5227

How do I resolve this issue?

Here is my repeater template:

<div class="blog-entry mb-3">
	<div class="blog-entry-photo">
		<a href="<?php the_permalink(); ?>"><img src="<?php $large_src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large', false, '' ); echo $large_src[0]; ?>"></a>
	</div>
	<div class="blog-entry-title">
    	<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
	</div>
	<div class="blog-entry-excerpt">
    	<?php echo get_excerpt(125); ?>
	</div>
	<div class="blog-entry-read-more">
    	<a href="<?php the_permalink(); ?>">Read More...</a>
	</div>
</div>

• This topic was modified 5 years, 2 months ago by robertallen.