How to build isotope grid after ajax?

Question

JavaScript

Display elements using pdoPage

<div id="pdopage">
        
            <div class="portfolio-masonry rows" >

                <div class="grid-sizer"></div>
                
                [[!pdoPage?
                    &parents=`2`
                    &depth=`2`
                    &tpl=`WorksTpl`
                    &where=`{"template":25}`
                    &includeTVs=`img,category,video,work_head,work_desc,video_url,open`
                    &limit=`10`
                    &sortby=`menuindex`
                    &sortdir=`ASC`
                    &ajaxMode=`button`
                ]]
                
            </div>
            
            [[!+page.nav]]
            
        </div>

After ajax



I tried to solve the problem in this way, it did not work out, any ideas how to fix it?

$(document).on('pdopage_load', function(e, config, response) {
            $('.portfolio-masonry').isotope('layout');
});