[jQuery] Re: jquery tabs: removing old loaded content from DOM

[motob]

CORRECTION:

remove the quotation marks from the jQuery selector like this:
$(ui.instance.$panels).remove("ui-tabs-hide");


On May 5, 8:57 am, motob <[EMAIL PROTECTED]> wrote:
> Assuming that you are using ui.tabs()...
>
> You can utilize some callback functions that are provided with
> ui.tabs() such as show(), or select(). Each callback function gets
> passed to it the ui.tabs object which you can use to access those
> hidden panels. Then you can do what Leanan suggested:
>
> $("ul.nav").tabs({
>   show: function(ui){
> $("ui.instance.$panels").remove("ui-tabs-hide");
>   }
>
> });
>
> hope this helps.
>
> On May 5, 8:31 am, Leanan <[EMAIL PROTECTED]> wrote:
>
> > There are a lot of different tabs plugins but I'm guessing you're
> > using the jquery UI tabs?  You should try using firefox w/ firebug,
> > and take a look at the classes the tabs are given when they are
> > selected / hidden (or read the docs on that plugin as they should have
> > that info as well).  I don't remember what they are.
>
> > Basically however you'd do something like this:
>
> > $
> > (selector_for_all_hidden_tabs).remove([selector_for_what_you_want_to_remove]).
>
> > So for example, if your hidden tab class was "hidden-tab" and you had
> > a div in there id'd "content" which contained all your content, I
> > believe you'd use the following:
>
> > $(".hidden-tab").remove("#content");

[jQuery] Re: jquery tabs: removing old loaded content from DOM

[motob]

Assuming that you are using ui.tabs()...

You can utilize some callback functions that are provided with
ui.tabs() such as show(), or select(). Each callback function gets
passed to it the ui.tabs object which you can use to access those
hidden panels. Then you can do what Leanan suggested:

$("ul.nav").tabs({
  show: function(ui){
$("ui.instance.$panels").remove("ui-tabs-hide");
  }
});

hope this helps.



On May 5, 8:31 am, Leanan <[EMAIL PROTECTED]> wrote:
> There are a lot of different tabs plugins but I'm guessing you're
> using the jquery UI tabs?  You should try using firefox w/ firebug,
> and take a look at the classes the tabs are given when they are
> selected / hidden (or read the docs on that plugin as they should have
> that info as well).  I don't remember what they are.
>
> Basically however you'd do something like this:
>
> $
> (selector_for_all_hidden_tabs).remove([selector_for_what_you_want_to_remove]).
>
> So for example, if your hidden tab class was "hidden-tab" and you had
> a div in there id'd "content" which contained all your content, I
> believe you'd use the following:
>
> $(".hidden-tab").remove("#content");

[jQuery] Re: jquery tabs: removing old loaded content from DOM

[Leanan]

There are a lot of different tabs plugins but I'm guessing you're
using the jquery UI tabs?  You should try using firefox w/ firebug,
and take a look at the classes the tabs are given when they are
selected / hidden (or read the docs on that plugin as they should have
that info as well).  I don't remember what they are.

Basically however you'd do something like this:

$
(selector_for_all_hidden_tabs).remove([selector_for_what_you_want_to_remove]).

So for example, if your hidden tab class was "hidden-tab" and you had
a div in there id'd "content" which contained all your content, I
believe you'd use the following:

$(".hidden-tab").remove("#content");