Modify ↓
Ticket #2883 (closed bug: fixed)
UI Tabs - Css Class ui-tabs-panel not added to exsisting element
| Reported by: | sparkooo | Owned by: | paul |
|---|---|---|---|
| Priority: | major | Milestone: | 1.2.4 |
| Component: | ui | Version: | 1.2.3 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
When adding tabs (through .tabs('add')) to an exsisting div element the class ui-tabs-panel is not applied, although this calss will be applied when creating tabs from the init. The below code fixed this for me
// try to find an existing element before creating a new one
var $panel = $('#' + id);
if (!$panel.length) {
$panel = $(o.panelTemplate).attr('id', id)
.addClass(o.panelClass).addClass(o.hideClass);
$panel.data('destroy.tabs', true);
}else{ // Ensure styling is applied to exsisting tab element
$panel.hasClass(o.panelClass) || $panel.addClass(o.panelClass)
}
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

Sorry added to core component instead of UI, unsure how to change this on ticket.