Twitter Bootstrap 的 Tab 插件中的“data-api”是什么意思

有一段代码如

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

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

在文件中Bootstrap--选项卡 http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js我不明白'click.tab.data-api' and '[data-toggle="tab"], [data-toggle="pill"]'

谁能给我解释一下？谢谢~~

the click.tab.data-api是一个命名空间为“tab.data-api”的点击事件。你可以看看文档here http://api.jquery.com/on/（事件和命名空间部分）。

如果我没记错的话， data-* 是 Html5 标准中新的自定义数据属性，当您想要定义自己的属性或数据时，它会很方便。查看约翰的帖子 http://ejohn.org/blog/html-5-data-attributes/解释数据属性。