zurb / joyride

jQuery feature tour plugin.
http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin
1.42k stars 238 forks source link

joyride works only with Tour Outline ID #120

Open meta3 opened 11 years ago

meta3 commented 11 years ago

Hi!

I have a problem. If i change Tour Outline id="joyRideTipContent" to any other ID and than call it in script joyride doesnt work. It only work with id="joyRideTipContent". Why is that?

techmaverick commented 11 years ago

Hey there @meta3,

I ran into the same issue. The Zurb installation instructions for joyride make it seem as if you can choose your own ID for the ol list that holds your guided tour and the jQuery selector calling joyride on it. However, the included joyride.css file refers to a specific id, as you mentioned = "joyRideTipContent." I've pasted the relevant couple lines of code from the joyride.css file (they're near the very top):

joyRideTipContent { display: none; }

.joyRideTipContent { display: none; }

If you would prefer to use a different ID, change the above code in the css file as follows:

yourIDHere{ display: none; }

.yourClassHere{ display: none; }