Were you trying to disable a selected tab? You cannot do that... --Klaus
On 11 Dez., 16:43, "Barkha Herman" <[email protected]> wrote: > It dosen't work - that's why I tried removing it.... > > > > On Thu, Dec 11, 2008 at 7:41 AM, Klaus Hartl <[email protected]> > wrote: > > > I don't understand why you need to remove the tabs at all. The code > > you posted looks like it's not required (removing and adding again). > > Couldn't you just disable the tabs? If you need them to be hidden, you > > could adapt the CSS for a disabled tab. The next problem might be that > > you need to add/enable the tabs in the callback of the Ajax load (this > > although depends a bit on what you're loading). > > > $('#submit').click(function() { > > var $tabs = $('#tabsDiv > ul').data('disabled.tabs', [0, 1]); > > $('#Updatable').load('...', function() { > > $tabs.data('disabled', []); > > }); > > }); > > > --Klaus > > > On 10 Dez., 23:15, barkha <[email protected]> wrote: > >> I have a form that uses tabs - however I need to use Ajax to update > >> portions of the form. Trouble is - after the ajax load, the events > >> bindings are messsed up and re-attaching has very ugly results! > > >> Here's the code - > >> <pre><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> > >> <!---</form>---> > >> <script type="text/javascript"> > >> $(document).ready(function() > >> { > >> init(); > >> $("#submit").click(function() > >> { > >> $("#tabsDiv > ul").tabs("remove", 1); > >> $("#tabsDiv > ul").tabs("remove", 0); // NOTE I tried > >> destroy - but it was worse > >> $("#Updatable").load("http://wcorptw6r7p7d1/VehicleStockIn/ > >> Test/UpdateTabText"); > >> $("#tabsDiv > ul").tabs("add", "#one", "One", > >> 0); > >> $("#tabsDiv > ul").tabs("add", "#two", "Two", 1); // I > >> tried init() here but it did not work. > >> }); > > >> }); > >> function init() > >> { > >> $("#tabsDiv > ul").tabs(); > >> } > >> </script> > > >> </code></pre> > > -- > Barkha Herman > (954) 695-7538 --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
