getting show to work in 1.5b tabs
I have 3 tabs, i want to execute some JS every time tab 2 is shown
This code works fine in the older version of tabs ... for the life of
me i cant figure out how to get it to work with the 1.5b version.
Nothing i do gets the 'show' callback to execute.
Here's the basic code ...
$('#tabs > ul').tabs({
show: function(ui) {
if (ui.panel.id == 'fragment-02' ) { alert("tab 2 is being
shown"); }
}
});
... but ive simplified it to this as well ...
$('#tabs > ul').tabs({
show: function(ui) {
alert("tab 2 is being shown");
}
});
... and neither work in 1.5b ... this is my html ...
<div id="tabs" >
<ul>
<li><a href="#fragment-01"><span>Basic Info</span></a></li>
<li><a href="#fragment-02"><span>Location</span></a></li>
<li><a href="#fragment-03"><span>Attachments</span></a></li>
</ul>
<div id="fragment-01">
xxx
</div>
<div id="fragment-02">
yyy
</div>
<div id="fragment-03">
zzz
</div>
</div>
thoughts?