Support » Plugin: WordPress Infinite Scroll - Ajax Load More » 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>
Viewing 1 replies (of 1 total)
  • Plugin Author dcooney

    (@dcooney)

    Hi @robertallen,
    I’d try using the images_loaded shortcode param to make sure all images are loaded before matchHeight is called.

    [ajax_load_more images_loaded="true"]

    Let me know if that helps at all.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.