• Support for IE7 on.
• Support for changing the orientation of the tip when it goes outside of the viewport on the right.
• Some indentation and formatting fixes.
• Includes the right alignment support in pull request #6

I think it's a more flexible and jquery-friendly solution. And also consider that is not always easy to change the already exiting markup in order to add ids. On the other hand I don't see any reason why ids should be used instead of selectors.

Refactored the code a bit rather than hacking around the previous assumption of a single button. Added some extra settings for default text on the Next and Previous buttons and per tip text works. I'm not sure if all of this works with the "click to start" timer version of joyride, might need to test that use case.

I have updated the library to provide a 'Previous' button on tips if settings.prevButton == true and if there are more than 1 tip.

Any chance I could get some feedback.

method: nextTip

This came up when i tried to fire the nextTip from code, and had no method to do so. Also works with tips that are created using nextButton: false within its init options.

its called using $(window).joyride('nextTip'); 

css id support for other that "joyRideTipContent"

On the documentation says that you can use any ID for the steps container

, but they are not 'displayed none' on the CSS if they are not called #joyRideTipContent With this you can name your
differently but attach to them class="joyRideTipContent" so they are not displayed anyway on the html.

Eg.

1. Step 1
1. Step 1

Added top-right nubPosition

Usage:

In Drupal 8, we use the joyride plugin to power the tour module.

We're hoping to update to jQuery 3 in Drupal 8.4.0 but don't want to move away from the 2.1.x branch as we have a lot of styling that is made to support the markup/classes as well as a Yaml based API that supports the existing data attributes. We've looked at the 3.x branch and would like to avoid adding the lightweight foundation framework that the solo plugin comes with.

These minor changes will make the 2.1.x branch support jQuery 3 and are backwards compatible to jQuery 1.7.

We're hoping you'll consider them.

Hello..

I want to ask, is this plugin working with Twitter Bootstrap?

I have tried it using into Twitter Bootstrap but the position is not put correctly?

Please, give your hand if I am wrong..

thanks

The code works for the most part in IE7 but fails because of a few small things like the fact that strings don't have a trim method and arrays don't have a map() method.

Since joyride depends on jQuery, jQuery's trim() and each() method should be used.

added a modal option for those that want the page darkened out during the tour.

created an expose feature to expose the highlighted elements that are covered by the modal during the tour. see screenshot...

added 2 options to turn these features on and off.

modal: false(default) // setting this to true makes the whole tour happen over a modal background expose: false(default) //setting this and modal to true causes the element to be exposed during a modal'd tour as seen in the screenshot.

I also added 3 more callbacks: preRideCallback, preStepCallback, and postExposeCallback

didn't change any filenames or versions, but since I wrote this and its very helpful to me I figured I'd share :)

Implemented using the same method used by http://jquerytools.org/documentation/toolbox/expose.html. To use simply add "expose" to the "data-options" attribute to one of your tour outline stops including a comma separated list of the items (other than the tip ofcourse) that you wish to expose.

For example: <li data-id="someID" data-options="expose : #exposeThisElm, .AndThisElm">

When I start a joyride first time it goes through the sequence correctly. However, when I then restart the tour again, I get a different order of tips with some tips missing and it generally just seems a little confused.

The reason for this is that when you execute $('#joyRideTipContent').joyride(); for a second time, it will re-add all the already added tooltips to the tooltip container again. This should not happen.

Bumps jquery from 2.2.4 to 3.5.0.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Added a tip setting to round the expose highlight to be a circle, used for icons or circular elements. It should maintain the same overall offset size but with an added borderRadius.

Solution:

Line#: 2920

minus: this.$element.find('li').each(function (i) { add: this.$element.find('> li').each(function (i) {

I don't know how to use git, so this is the best I can do for you. :(