bootstrap tour - trigger introJs With a button or link -
i've used tutorial in order create guide http://www.hongkiat.com/blog/introjs-step-by-step-guide-tutorial/
$(function(){ var introguide = introjs(); // var startbtn = $('#startdemotour'); } introguide.setoptions({ steps: [ { element: '.nav-bar', intro: 'this guided tour explain hongkiat demo page interface.<br><br>use arrow keys navigation or hit esc exit tour immediately.', position: 'bottom' }, { element: '.nav-logo', intro: 'click main logo view list of hongkiat demos.', position: 'bottom' }, { element: '.nav-title', intro: 'hover on each title display longer description.', position: 'bottom' }, { element: '.readtutorial a', intro: 'click orange button view tutorial article in new tab.', position: 'right' }, { element: '.nav-menu', intro: "each demo link previous & next entries.", position: 'bottom' } ] });
but not find way or did not understand :) how trigger introjs button or link. in addition, i've search on internet user's guide did not find enough information on subject:(
i tried this:
<a href = "javascript: void (0);" onclick = "javascript: introjs (). start ();"> show me how </a>
&
<a class="btn btn-large btn-success" href="javascript:void(0);" onclick="startintro();">show me how</a>
but nothing happens
please me
the example right there on tutorial page:
var startbtn = $('#startdemotour'); // <-- need uncomment line, or use $('#startdemotour').on() startbtn.on('click', function(e){ e.preventdefault(); introguide.start(); $(this).hide(); });
Comments
Post a Comment