Что означает "data-api" в Twitter Plug-in плагин

Существует фрагмент кода как

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

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

в файле Bootstrap - вкладка Я не понимаю 'click.tab.data-api' и '[data-toggle="tab"], [data-toggle="pill"]'

Кто мог бы объяснить это мне? БЛАГОДАРЯ ~~

Ответ 1

click.tab.data-api является событием клика с Namespace 'tab.data-api'. вы можете посмотреть документ здесь (раздел событий и пространств имен).

Если я правильно помню, data- * - новый атрибут пользовательских данных в стандарте Html5, он удобен, если вы хотите определить свои собственные атрибуты или данные. зайдите в John post, объясняя атрибут данных.

Ответ 2

Разработчики Bootstrap отмечают свои события кликов, чтобы не прикасаться к вашим.

На самом деле это обычный обработчик события click, но с добавленным пространством имен jQuery, которое полезно для развязывания.

$('body').on('click', handler1) совпадает с $('body').on('click.something', handler2) оба будут связываться и обрабатывать события кликов. Обычно вы связываете одного обработчика с событием, но иногда вам нужно больше реагировать в одно и то же время.

Позже, если вы хотите отменить привязку, вы можете использовать $('body').off('click') для удаления обоих обработчиков или $('body').off('.something'), чтобы удалить только второй обработчик.

http://api.jquery.com/on/#event-names