(function($){ // === CONFIG === var SCOPE = '.clnp-coach-grid'; // jouw Blog module class var BTN_BASE_MARGIN = 20; // basis marge onder excerpt t/m button var EQUALIZE_BUTTON = true; // true = button netjes op 1 lijn function dim($el){ return ($el && $el.length) ? $el.outerHeight(true) : 0; } function equalizeBlog($blog){ var $articles = $blog.find('article'); if(!$articles.length) return; var heights = [], btnHeights = []; $articles.each(function(){ var $a = $(this); var h = 0, bh = 0; h += dim($a.find('.et_pb_image_container, .et_main_video_container')); h += dim($a.find('.entry-title')); h += dim($a.find('.post-meta')); h += dim($a.find('.post-content')); heights.push(h); if (EQUALIZE_BUTTON){ bh += dim($a.find('.et_pb_image_container, .et_main_video_container')); bh += dim($a.find('.entry-title')); bh += dim($a.find('.post-meta')); bh += dim($a.find('.post-content p').first()); bh += BTN_BASE_MARGIN; btnHeights.push(bh); } }); var maxH = Math.max.apply(Math, heights); var maxBH = EQUALIZE_BUTTON && btnHeights.length ? Math.max.apply(Math, btnHeights) : 0; $articles.each(function(){ var $a = $(this); // zet gelijke hoogte voor de kaart $a.height(maxH); if (EQUALIZE_BUTTON){ var each = 0; each += dim($a.find('.et_pb_image_container, .et_main_video_container')); each += dim($a.find('.entry-title')); each += dim($a.find('.post-meta')); each += dim($a.find('.post-content p').first()); each += BTN_BASE_MARGIN; var needed = (maxBH - each) + BTN_BASE_MARGIN; $a.find('.more-link').css('margin-top', (needed>0?needed:BTN_BASE_MARGIN) + 'px'); } }); } function apply(){ var ww = $(window).width(); var $scopes = $(SCOPE); if (ww >= 768){ // desktop/tablet: equalize aan $scopes.find('article').removeClass('clnp-auto-height').css('height',''); $scopes.find('.more-link').removeClass('clnp-auto-margin'); // reset class $scopes.each(function(){ equalizeBlog($(this)); }); // Observe DOM-wijzigingen (Divi ajax, lazy, etc.) $scopes.each(function(){ var el = this; if (el.__clnpObserved) return; el.__clnpObserved = true; var obs = new MutationObserver(function(){ equalizeBlog($(el)); }); obs.observe(el, {subtree:true, childList:true}); }); } else { // mobiel: auto hoogte $scopes.find('article').addClass('clnp-auto-height').css('height',''); $scopes.find('.more-link').addClass('clnp-auto-margin').css('margin-top',''); } } // Images-loaded helper (zonder externe plugin) function imagesLoaded($wrap, done){ var $imgs = $wrap.find('img[src!=""]'); var total = $imgs.length, count = 0; if (!total) return done(); $imgs.each(function(){ var img = new Image(); img.onload = img.onerror = function(){ count++; if(count===total) done(); }; img.src = this.src; }); } // Init $(function(){ // Initial pass + na images klaar imagesLoaded($(SCOPE), function(){ apply(); }); apply(); // On resize $(window).on('resize', function(){ imagesLoaded($(SCOPE), function(){ apply(); }); }); // Divi AJAX events $(document).on('et_pb_after_ajax_pagination et_pb_blog_posts_loaded ajaxComplete', function(){ imagesLoaded($(SCOPE), function(){ apply(); }); }); }); })(jQuery);