Menu icon Foundation
Joyride JS

Hey everyone, Troy has a question about joyride. Let's help him out!

---

I'm using foundation 4 and trying to override default settings for 'modal' and 'expose' for joyride:

$(document).foundation('joyride', 'start');

I have tried added a third parameter in this start call, tried added data-options to the html. Is a simple way do this?
I would like all the steps to be modal like with a faded out background. And would like to be able to control which elements are 'expose'

Any direction would be greatly appreciated.

joyridejsjavascript

Hey everyone, Troy has a question about joyride. Let's help him out!

---

I'm using foundation 4 and trying to override default settings for 'modal' and 'expose' for joyride:

$(document).foundation('joyride', 'start');

I have tried added a third parameter in this start call, tried added data-options to the html. Is a simple way do this?
I would like all the steps to be modal like with a faded out background. And would like to be able to control which elements are 'expose'

Any direction would be greatly appreciated.

Jordan Humphreys almost 4 years ago

Can you post an example of your JoyRide directions (the element)?

Chris Williams almost 4 years ago

$(document)
.foundation({joyride: {
exposed:[0, 1, 3, 4], // Elements you require to be exposed
modal: false // Whether modal is on or off
}
})
.foundation('joyride', 'start');

Hope that helps