I'm working on a legacy project so my options for changing Jquery and Jquery UI versions is limited. I cannot change the UI version that I am aware of and I cannot go higher than Jquery 1.11.0. (Project is in Kentico 7)
I've found an interesting "thing" in regards to syncing up jquery and jquery ui. It would appear that when I use Jquery 1.11.0 and Jquery UI 1.8.24 and then implement a tab widget, it pukes at me in the console (specifically when changing tabs). Syncing them up to 1.8.2 and 1.8.24 makes this problem go away but this is the first time I've seen a need to sync the two versions.
In researching this, I've found this question but it doesn't seem to answer it for me (or maybe I just can't make heads or tails out of the information).
Is there indeed a problem between Jquery 1.11.0 and UI 1.8.24 or am I using the wrong code implementation for the tab widget as listed in the Jquery UI site for 1.8?
Edit: because it looks like I should not be having this problem, I am including the code that I'm using...
...
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.8.24/jquery-ui.js"></script>
....
<body>
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>Manage States</span></a></li>
<li><a href="#fragment-2"><span>Manage Countries</span></a></li>
<li><a href="#fragment-3"><span>Manage Zip Codes</span></a></li>
</ul>
<div id="fragment-1">
...
</div>
<div id="fragment-2">
...
</div>
<div id="fragment-2">
...
</div>
...
<script>
//set the tabs to be tabs
$("#tabs").tabs();
...
</script>