jQuery Waypoints Fire Once

Question

I am using http://imakewebthings.com/jquery-waypoints and I need to do some action when the user scrolls down to the area with the class div1. However, I need it only fire once and not every time the user scrolls to that location. — only once

$('.div1').waypoint(function(direction) 
{
    alert(CARRY OUT MY ACTION);
});

This needs to only happen on the first scroll to that section — up or down.

score 33 · Answer 1 · answered Jun 08 '15 at 13:38

33

triggerOnce() is replaced with destroy(). Just add this.destroy().

$('.div1').waypoint(function(direction){
    alert('CARRY OUT MY ACTION')
    this.destroy()
});

For more options check the API of Waypoints.

answered Jun 08 '15 at 13:38

Jerome Braeken

483
5
8

score 14 · Answer 2 · edited Apr 14 '13 at 17:54

14

If you pass a second parameter to the waypoint() function, you can include an object of configuration options. Setting the triggerOnce option to true will make the plugin behave the way you'd like.

$('.div1').waypoint(function(direction) 
{
    alert('CARRY OUT MY ACTION');
},  
{ 
    triggerOnce: true 
});

edited Apr 14 '13 at 17:54

fedosov

1,989
15
26

answered Apr 14 '13 at 17:51

George Hodgson

471
2
12

1

Please note the waypoints API has changed in version 3.0. http://imakewebthings.com/waypoints/api/destroy/ – aaandre Feb 25 '15 at 17:57
Is there a way to destroy all the waypoints in a particular element within the handler? – Brendon Muir Jul 14 '16 at 07:45

score 1 · Answer 3 · answered May 18 '15 at 10:37

1

In the new API, it seems that there is no triggerOnce option anymore, but still can be used the waypoint.disable() method after the first call

answered May 18 '15 at 10:37

Seer

739
4
22

score 1 · Answer 4 · answered Sep 12 '19 at 19:32

The answer is to use this.destroy() at the end of your handler function. Here is an example that will work:

$('.div1').waypoint(function(direction){

    handler: function(direction) {

        alert('CARRY OUT MY ACTION');

        this.destroy();

    }

});

Also see the waypoint.destroy() documentation.

jQuery Waypoints Fire Once

4 Answers4

Linked