I am using a function like :
$('.ui-tabs-nav').bind('tabsselect', function(event, ui) {
$("input[rel='currentTab']").val(ui.index);
$("#example > div.ui-tabs-panel").empty();
});
It just removes everything from tab , buttons , textbox , table
everything... I want that when I click on some tab the controls belonging to
that tab should be visible...
Any idea ?
Thanks
Varun
On Thu, Feb 5, 2009 at 4:12 PM, James <james.gp....@gmail.com> wrote:
>
> Are your tabs AJAX? I had a similar issue, but it didn't work in
> Firefox also. Apparently this occurred for me because everytime you
> click on a tab, the AJAX loaded HTML remains in the DOM. This is an
> issue if you have separate tabs HTML with elements that have the same
> ID, as this will cause multiple elements with the same ID to exist at
> the same time. I put in a small code in "select" option for Tab UI
> that empties the div for all tabs when a different tab is clicked on
> and my problem went away.
>
> select: function() {
> $("#tab-container > div.ui-tabs-panel").empty();
> }
>
> On Feb 5, 1:52 pm, varun <khatri.vk1...@gmail.com> wrote:
> > HI
> > I am using ui tabs and i have 5 tabs on my page. Each tab is having a
> > submit button and placeholder...
> > when submit button is clicked , it fires a click event for that button
> > in code behind and loads a table in placeholder of that tab...
> > problem is after doing this process once in Internet Explorer
> > when I go to another tab and hit submit button , it does not fire the
> > event attached to that button... means if there are 3 submit buttons
> > and 3 click events in code behind .... only 1 time submit button event
> > is fired and then switching to different tab and hitting submit does
> > nothing...
> >
> > But if I do the same stuff in firefox, it works .....
> > Can some one please advise ?
> >
> > Thanks
> > Varun
>
