🐞 execute inline scripts. #718, #782

Author: desandro

js/page-load.js

@@ -133,6 +133,8 @@ function refreshScripts( fragment ) {
     var script = scripts[i];
     var freshScript = document.createElement('script');
     copyAttributes( script, freshScript );
+    // copy inner script code. #718, #782
+    freshScript.innerHTML = script.innerHTML;
     script.parentNode.replaceChild( freshScript, script );
   }
 }

sandbox/page/2.html

@@ -42,7 +42,9 @@ <h1 class="post-header__title">Every vector 2016</h1>
     <div class="post__content">
   <p><a href="https://i.imgur.com/mXaAcNO.png"><img src="https://i.imgur.com/mXaAcNO.png" alt="Metafizzy every vector 2016"></a></p>
   <p><a href="http://www.draplin.com/1998/01/ddc100_pretty_much_everything_up_to_oct_11_2013_poster.html">Draplin-esque</a> collage. Every vector made in 2016. Accepted, rejected, upcoming, or unused.</p>
-
+  <script>
+    console.log('hello page 2!')
+  </script>
     </div>
   </article>
 </div>

test/page/2.html

@@ -11,9 +11,17 @@
 
   <h1>test page 2</h1>
 
-<div class="post">page 2, post 1</div>
+<div class="post">
+  page 2, post 1
+  <script src="page/2.js"></script>
+</div>
 
-<div class="post">page 2, post 2</div>
+<div class="post">
+  page 2, post 2
+  <script>
+    window.page2InlineScriptLoaded = true;
+  </script>
+</div>
 
 <a class="page-load-next-link check-last-page-next-link" href="3.html">Page 3</a>
 

test/page/2.js

@@ -0,0 +1 @@
+window.page2ExternalScriptLoaded = true;

test/unit/page-load.js

@@ -35,13 +35,17 @@ QUnit.test( 'pageLoad', function( assert ) {
     assert.equal( items.length, 2, 'items argument, length 2' );
     assert.ok( demoElem.children[1] === items[0], 'item0 appended' );
     assert.ok( demoElem.children[2] === items[1], 'item1 appended' );
+    assert.ok( window.page2InlineScriptLoaded, 'inline script executed' );
     done();
     setTimeout( page3 ); // do next thing
   });
 
   infScroll.loadNextPage();
 
   function page3() {
+    // check async external script, test not working
+    // assert.ok( window.page2ExternalScriptLoaded, 'external script executed' );
+
     infScroll.once( 'request', function( path ) {
       assert.ok( path.match('page/3.html'),
         'request event, path has page/3.html' );