Qual è il significato di "data-api" in plug-Tab di Twitter Bootstrap

Question

C'è un pezzo di codice come

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

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

nel file Bootstrap--tab Non capisco il 'click.tab.data-api' e '[data-toggle="tab"], [data-toggle="pill"]'

Chi potrebbe spiegarlo per me? GRAZIE ~~

Answer 1

il click.tab.data-api è un evento click con spazio dei nomi 'tab.data-api'. è possibile consultare il documento here (sezione evento e spazio dei nomi).

Se ricordo correttamente, data- * è un nuovo attributo di dati personalizzati nello standard Html5, è utile quando si desidera definire i propri attributi o dati. controlla John's post spiegando l'attributo dei dati.

Answer 2

Gli sviluppatori di Bootstrap codificano i loro eventi di clic per evitare di toccarli.

In realtà è un normale gestore di eventi click, ma con uno spazio dei nomi jQuery aggiunto che è utile per non vincolante.

$('body').on('click', handler1) è lo stesso di $('body').on('click.something', handler2) entrambi eseguono il binding e gestiscono gli eventi di clic. Di solito si associa un gestore all'evento, ma a volte è necessario più per reagire allo stesso tempo.

In seguito, se si desidera annullare l'assegnazione, è possibile utilizzare $('body').off('click') per rimuovere entrambi i gestori o $('body').off('.something') per rimuovere solo il secondo gestore.

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