After finding a code for a website tour at the following link: http://tympanus.net/Development/WebsiteTour/, I attempted to integrate it into my own webpage. However, a problem arose - the script utilized jQuery 1.4.4 while other elements on my page required a newer version of jQuery.
The old script relied on a function called "live," which is no longer supported in newer jQuery versions. Following some research, I consulted this page - http://api.jquery.com/live/ - and adjusted the code according to the instructions provided.
Although this resolved part of the issue, the tooltips were not displaying correctly even after switching from "live" to "on." Despite attempting various solutions, I have been unsuccessful in rectifying this problem.
Any assistance would be greatly appreciated.
For reference, here is the original version using the outdated jQuery that functions properly:
And here is the updated version with the newer jQuery, although it does not perform as expected when initiating the guide - the tooltips appear at the top of the page instead of next to their associated elements:
The modifications made in the code are as follows:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
replaced with
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
and then
$('#activatetour').live('click',startTour);
$('#canceltour').live('click',endTour);
$('#endtour').live('click',endTour);
$('#restarttour').live('click',restartTour);
$('#nextstep').live('click',nextStep);
$('#prevstep').live('click',prevStep);
replaced with
$(document).on('click','#activatetour',startTour);
$(document).on('click','#canceltour',endTour);
$(document).on('click','#endtour',endTour);
$(document).on('click','#restarttour',restartTour);
$(document).on('click','#nextstep',nextStep);
$(document).on('click','#prevstep',prevStep);
No additional changes were made, and the new version does not display any errors in the console. Therefore, I am uncertain where the current issue lies.