Override defaults for foundation 4 joyride

Question

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.

Answer 1

Here's an answer I found and I hope it helps someone else:

Foundation Initializer:

$(function(){ 
    $(document)
        .foundation()
        .foundation('joyride', {modal: true});
});

Then, when you want to load the joyride:

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

Answer 2

Here is the new syntax for Foundation 5:

            $(document).foundation({
              joyride: {
                post_step_callback : function () {
                var elementID = $(this).data('id');
                  alert(elementID);
                },
                post_ride_callback : function () {
                  alert('We done!');
                }
              }
             }).foundation('joyride', 'start');         });