Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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~~
the
click.tab.data-apiis 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.