[jQuery] stuck trying to reload tab programatically.
Hi everyone,
I'm very new to Javascript but very impressed by JQuery, but now
rather stuck, I've read and read but found no solution. If anyone can
point me in the right direction I would be much obliged.
I have a set of tabs loading content via ajax:
My main tab page Jquery:
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs({ cookie: { expires: 30 } });
});
</script>
My tabs:
<div id="tabs">
<ul>
<li><a href="#moderatorManage"><span>Find and Manage Moderators</
span></a></li>
<li><a href="flaggedCards/" id="flaggedCards" ><span>Flagged
Cards</span></a></li>
<li><a href="pendingDelete/"><span>SinBin / Pending Delete</
span></a></li>
</ul>
</div>
Now in the flaggedCards/ page that is loaded via ajax I have a
function that I call on a click to reload the content. Trouble is, no
matter what I do I can't get it to reload the content and I feel like
i'm missing something really obvious.
The jQuery currently looks like this currently but doesn't reload the
content:
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#controls_88 input").click(function() {
$(this).parent().parent().parent().addClass
("highlight").fadeTo("slow", 0.1);
$("#tabs").tabs( 'load' , 0 ); // won't work and have
tried using various selectors including #flaggedCards
});
});
//-->
</script>
Any ideas?