Opened 13 years ago

Closed 13 years ago

#4877 closed enhancement (fixed)

Enhance ui-tabs list "UL:first" selector to allow for alternative markup

Reported by: [email protected] Owned by:
Priority: minor Milestone: 1.8
Component: ui.tabs Version: 1.7.2
Keywords: ui tabs UL list selector Cc:
Blocked by: Blocking:


The ui-tabs plugin is hard coded to assume that the <ul> list is a child of the current element.

The code in question is in the _tabify method:

_tabify: function(init) {

this.list = this.element.children('ul:first'); ...


This limits the markup to have to match >UL:first. Use any other markup and the tabs plugin will fail to locate the <ul> list.

I changed the code to use find() instead of children() and added an option to the defaults as follows: (Note the use of ">" in the selector to ensure find() continues to work the way children() does currently by default)

_tabify: function(init) {

this.list = this.element.find(this.options.listSelector); ...


defaults: {


listSelector: '>ul:first'


Now, when we initialise the tabs plugin, we can specify listSelector: '>DIV>ul:first' to handle my non-standard markup.


Attachments (1)

ui.tabs.js (18.8 KB) - added by [email protected] 13 years ago.
ui.tabs.js with UL selector enhancements on lines 75 and 630

Download all attachments as: .zip

Change History (2)

Changed 13 years ago by [email protected]

Attachment: ui.tabs.js added

ui.tabs.js with UL selector enhancements on lines 75 and 630

comment:1 Changed 13 years ago by Scott González

Component: ui.coreui.tabs
Milestone: TBD1.8
Resolution: fixed
Status: newclosed

Fixed in r3421. Tabs now uses the first descendant list it encounters. This isn't as flexible as your proposal, but doesn't require any additional options.

Note: See TracTickets for help on using tickets.