Tony Tony - 4 months ago 8
jQuery Question

What's the meaning of "data-api" in Twitter Bootstrap's Tab plugin

There is a piece of code as

/* TAB DATA-API
* ============ */

$(function () {
$('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
e.preventDefault()
$(this).tab('show')
})
})


in the file Bootstrap--tab
I don't understand the
'click.tab.data-api'
and
'[data-toggle="tab"], [data-toggle="pill"]'


Who could explain it for me? THANKS~~

Answer

the click.tab.data-api is a click event with Namespace 'tab.data-api'. you can look at the document here (event and namespace section).

If I remember correctly, the data-* is a new custom data attribute in Html5 standard, it comes handy when you want to define you own attributes or data. check out John's post explaining data attribute.

Comments