🐞 fix destroy with button; Fixes #719

Author: desandro

js/button.js

@@ -76,7 +76,7 @@ InfiniteScrollButton.prototype.hide = function() {
 };
 
 InfiniteScrollButton.prototype.destroy = function() {
-  this.element.removeEventListener( this.clickHandler );
+  this.element.removeEventListener( 'click', this.clickHandler );
 };
 
 // --------------------------  -------------------------- //

sandbox/button-load.html

@@ -77,22 +77,17 @@ <h1 class="post-header__title">Mealio logo</h1>
 <script src="../js/scroll-watch.js"></script>
 <script src="../js/page-load.js"></script>
 <script src="../js/history.js"></script>
+<script src="../js/button.js"></script>
 <script>
 var container = document.querySelector('.posts-container');
 var infScroll = new InfiniteScroll( container, {
   path: '.pagination__next',
   append: '.post',
-  historyTitle: true,
+  button: '.load-more-button',
   loadOnScroll: false,
   history: false,
 });
 
-var loadMoreButton = document.querySelector('.load-more-button');
-
-loadMoreButton.onclick = function() {
-  infScroll.loadNextPage();
-};
-
 </script>
 
 </body>