Существует фрагмент кода как
/* 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"]'
Кто мог бы объяснить это мне? БЛАГОДАРЯ ~~
click.tab.data-api является событием клика с Namespace 'tab.data-api'. вы можете посмотреть документ здесь (раздел событий и пространств имен).
Если я правильно помню, data- * - новый атрибут пользовательских данных в стандарте Html5, он удобен, если вы хотите определить свои собственные атрибуты или данные. зайдите в John post, объясняя атрибут данных.
Разработчики Bootstrap отмечают свои события кликов, чтобы не прикасаться к вашим.
На самом деле это обычный обработчик события click, но с добавленным пространством имен jQuery, которое полезно для развязывания.
$('body').on('click', handler1) совпадает с $('body').on('click.something', handler2)
оба будут связываться и обрабатывать события кликов. Обычно вы связываете одного обработчика с событием, но иногда вам нужно больше реагировать в одно и то же время.
Позже, если вы хотите отменить привязку, вы можете использовать $('body').off('click') для удаления обоих обработчиков или $('body').off('.something'), чтобы удалить только второй обработчик.