I am using JQuery UI tabs and use Ajax to reload portions of the UI.
However there seems to be no clean way to reattach the events.
I have tried removing tab at a time before AJAX call, then reattaching
them after the call. I have also tried using the "destroy" before
ajax and re-doing init after the ajax call.
Here's my code...
<div id="tabsDiv">
<ul id="test">
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
</ul>
<div id="Updatable">
<div id="one">
original message 1
</div>
<div id="two">
original message 2
</div>
</div>
<input type="submit" id="submit" />
</div>
$(document).ready(function()
{
init();
$("#submit").click(function()
{
$("#tabsDiv > ul").tabs("remove", 1);
$("#tabsDiv > ul").tabs("remove", 0);
$("#Updatable").load
("UpdateTabText");
$("#tabsDiv > ul").tabs("add", "#one", "One",
0);
$("#tabsDiv > ul").tabs("add", "#two", "Two",
1);
});
});
function init()
{
$("#tabsDiv > ul").tabs();
}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
