Bug Tracker

Modify ↓

Ticket #1846 (closed bug: fixed)

Opened 6 years ago

Last modified 2 years ago

Tabs - Clicking 3 AJAX tabs causes 2 to remain visible

Reported by: hiro Owned by: klaus
Priority: minor Milestone: 1.2.2
Component: ui Version: 1.2.1
Keywords: Cc:
Blocking: Blocked by:

Description

With Tabs, if I add three new AJAX tabs and then very quickly click on all of them in order. The final result is two tabs' contents remaining visible.

My workaround for this is to add the following to my $.tabs() arguments:

load: function(loaded_tab, loaded_content) {

var full_tab_id = loaded_tab.href.split('#')[1];

Hide all other tabs $('.ui-tabs-panel:not(#'+full_tab_id+')').addClass('ui-tabs-hide');

}

It would be neat if this was somehow baked in?

Change History

comment:1 Changed 6 years ago by paul

  • Owner set to klaus

comment:2 Changed 5 years ago by klaus

  • Status changed from new to closed
  • Resolution set to fixed

r3922

comment:3 Changed 2 years ago by anonymous

why the ui tabs create two ui panel when i add a new tab via ajax ?

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View ↑

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

Attachments ↑
 
Note: See TracTickets for help on using tickets.