any ideas ?
On Thu, Feb 5, 2009 at 5:56 PM, Varun Khatri <khatri.vk1...@gmail.com>wrote:
> 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
>>
>
>
