Simply put, I am troubleshooting my website and in order for it to function properly, I need to include the following code:
<script type="text/javascript">
$ (function() {
RESPONSIVEUI.responsiveTabs();
});
</script>
What I'm essentially doing is taking the content from
index.html #content_container
and loading it into my personal.html file using the following method:
$(".personal_info").live('click', function() {
$("#content_container" ).load("personal/personal.html")
$("#info").slideUp(1000, function() {
$("menu").css("border-bottom", "#F93 2px Solid");
});
return false;
});
I also enable users to go back to the
index.html
without refreshing or reloading by using this approach:
$(".home_button").live('click', function() {
$("#content_container").stop().load("./index.html #drill_banner")
$("#info").slideDown(1000, function() {
$("menu").css("border-bottom", "#F93 2px Solid")
});
return false;
});
You will notice that it's basically just loading
index.html #drill_banner
into
#content_container
However, this navigating around affects the performance of the code snippet below when returned to
<script type="text/javascript">
$ (function() {
RESPONSIVEUI.responsiveTabs();
});
</script>
on
index.html
So if you click back to "Personal," it won't load any scripts or formatting for
personal.html
For a live demonstration (best viewed on Chrome), visit . Click "Personal," then "Home," and finally "Personal" again.
You'll see what I'm referring to...