Counterup support for waypoint v3+

README.md

@@ -27,7 +27,7 @@ Usage
 **Include**
 
 ```
-<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
+<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
 <script src="jquery.counterup.min.js"></script>
 ```
 

counterup.jquery.json

@@ -1,6 +1,6 @@
 {
   "name": "counterup",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "title": "Counter-Up",
   "description": "A lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.",
   "keywords": [
@@ -33,4 +33,4 @@
     "waypoints": ">=2.0"
   },
   "demo": "http://bfintal.github.io/Counter-Up/demo/demo.html"
-}
+}

demo/demo.html

@@ -118,7 +118,7 @@ <h3>(Scroll down)</h3>
         &lt;body><br>
         <span style="color: #f1c40f">
         &nbsp; &nbsp; &lt;span class="counter">1,234,567&lt;/span><br>
-        &nbsp; &nbsp; &lt;script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js">&lt;/script><br>
+        &nbsp; &nbsp; &lt;script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js">&lt;/script><br>
         &nbsp; &nbsp; &lt;script src="jquery.counterup.min.js">&lt;/script><br>
         </span>
         &lt;/body>
@@ -154,7 +154,7 @@ <h3>(Scroll down)</h3>
         <span class="counter" style="display: inline-block; width: 32%">958393.10</span>
         <span class="counter" style="display: inline-block; width: 32%">5,123,348</span>
     </div>
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
     <script src="../jquery.counterup.min.js"></script>
 </body>
 </html>

jquery.counterup.js

@@ -72,12 +72,15 @@
 
             // Start the count up
             setTimeout($this.data('counterup-func'), $settings.delay);
+
+            // Destroy waypoint so that it will be triggered only once
+            this.destroy();
         };
 
         // Perform counts when the element gets into view
-        $this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });
+        $this.waypoint(counterUpper, { offset: '100%' });
     });
 
   };
 
-})( jQuery );
+})( jQuery );