Interfering scripts

[gabriellewee]

I'm working on a Tumblr theme that utilizes your infinite-scroll, David DeSandro's Masonry, and a script to format Youtube videos. I've gotten both Masonry and infinite-scroll to play nice with each other, but something's odd with the loaded posts. The audio post player doesn't work and the Youtube script doesn't work for the video posts. Is there any way I can get all three scripts to work with each other?

Theme: http://glw.tumblr.com

Youtube script: http://static.tumblr.com/imovwvl/RFplh5btp/youtube.js

<script type="text/javascript"> $(window).load(function() { var $wall = $('#posts'); $wall.masonry({ itemSelector: '.post' }); ``` $wall.infinitescroll({ navSelector : '#pag', nextSelector : '#pag .right a', itemSelector : '.post', debug : false }, function( newElement ) { setTimeout(function() { $wall.masonry({ appendedContent: $( newElement ) }); }, 1000); } ); }); ``` </script>

[paulirish]

Any plugin that relies on script tags after every post or document.write won't work with infinite scroll.

typically the other scripts need to reinitialize any new elements added into the page.. doing that is very unique to each script.

[gabriellewee]

Ah, I see. I'm pretty much a noob when it comes to Javascript/jQuery. Thank you!

[lukeshumard]

what paul said. the infinite-scroll plugin uses jquery's .load method, which doesn't load scripts, just html. if you want to reinitialize the youtube script each time, you'll need to load that in through a different ajax request in the callback function of infinite scroll.