button callback

[bobmanc]

Is there a way to run some javascript code after a next button is pressed?

[RobbieTheWagner]

@bobmanc not only is there a way, there are several ways. My recommendation would be to check out button.action in the docs https://shepherdjs.dev/docs/Step.html

[bobmanc]

Thanks Robert, This looks like exactly what I need. I tried this... This works and shows the next step buttons: [ { text: 'Next', action: tour.next } ] This does nothing buttons: [ { text: 'Next', action: () => { return this.next; } } ] This shows the alert and then nothing happens so I know the code is being called. buttons: [ { text: 'Next', action: () => { alert('hey'); return this.next; } } ] What (probably obvious) thing am I doing wrong? Thanks for your help

…

On Fri, Mar 26, 2021 at 9:05 AM Robert Wagner ***@***.***> wrote: @bobmanc <https://github.com/bobmanc> not only is there a way, there are several ways. My recommendation would be to check out button.action in the docs https://shepherdjs.dev/docs/Step.html — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1382 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAQIE7WTWUMW5GCDHOJ7P53TFSBAPANCNFSM4Z2RVW6A> .

[bobmanc]

well this does work! action: function() { return tour.next(); }

…

On Fri, Mar 26, 2021 at 11:45 AM Bob Mancarella ***@***.***> wrote: Thanks Robert, This looks like exactly what I need. I tried this... This works and shows the next step buttons: [ { text: 'Next', action: tour.next } ] This does nothing buttons: [ { text: 'Next', action: () => { return this.next; } } ] This shows the alert and then nothing happens so I know the code is being called. buttons: [ { text: 'Next', action: () => { alert('hey'); return this.next; } } ] What (probably obvious) thing am I doing wrong? Thanks for your help On Fri, Mar 26, 2021 at 9:05 AM Robert Wagner ***@***.***> wrote: > @bobmanc <https://github.com/bobmanc> not only is there a way, there are > several ways. My recommendation would be to check out button.action in > the docs https://shepherdjs.dev/docs/Step.html > > — > You are receiving this because you were mentioned. > Reply to this email directly, view it on GitHub > <#1382 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AAQIE7WTWUMW5GCDHOJ7P53TFSBAPANCNFSM4Z2RVW6A> > . >

[RobbieTheWagner]

@bobmanc the issue is you were using an arrow function, which rebinds this so this.next is not a thing.

You want:

action() {
  this.next();
}