Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Joyride 2 Pause and Resume Example

The below configuration will pause the tour after tooltip 2 has appeared (index of 1). In the postStepCallback we check to see if the tour has been paused and fire some code.

<script>
  $(window).load(function() {
    $('#joyRideTipContent').joyride({
      pauseAfter : [1],
      postStepCallback : function (index, tip) {
        if ($(this).joyride('paused')) {
          console.log('Hey there, you\'ve paused the tour.');
          // fire your code here
        }
      }
    });
  });
</script>

When our code has finished executing we can fire $(window).joyride('resume'); and the tour will continue.

@dephora
Copy link

dephora commented Sep 4, 2015

I too am having issues with the resume portion. Was this ever resolved?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment