Question about jQuery Tabs "click" function
Hello, I have 3 tabs in the footer of my website using the jQuery tabs script. I have a link at the very top of the page, and I've attached an anchor to the link.
When the link is clicked, it is supposed to go to the anchor at the bottom of the page, and then the jQuery code in the head is supposed to trigger the link.
Here is the code in the head:
-
<head>
<script type="text/javascript">
$(function() {
$('#containerFooter').tabs({ fxFade: true, fxSpeed: 'fast' });
$("a.callToActionAskJames").bind("click", function(){
$('#containerFooter').tabs("select", '#tabAskJames');
});
});
</script>
</head>
When the link is clicked, it goes to the anchor in the footer; however, instead of activating the tab, things slow down for a second and 2 errors popup in FireBug:
too much recursion
http://www.site.com/scripts/js/jquery.1.2.3.js
Line 19
too much recursion
http://www.site.com/scripts/js/jquery.1.2.3.js
Line 19
The tab is not automatically selected and I have to manually select it, defeating the purpose of the jQuery in the head.
I've worked on this all day and can't get it. I have no clue what to do.
Thanks so much in advance...[/code]