Was bedeutet click.modal.data-api als Ereignisname?

Question

ich durch Bootstraps JavaScript Lesen und bemerkte den folgenden Code:

$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { 
    //do something 
}); 

Kann mir jemand erklären, warum es "click.modal.data-api" ist. Was macht der Punkt nach dem Event? Vielleicht bin ich blind, aber ich finde keine Dokumentation, die darüber spricht.

Answer 1

Dies ist ein Namespaced Ereignis und the documentation ^[docs] beschreibt es ziemlich gut:

Ein Ereignis Name von Ereignis-Namensräume qualifiziert werden kann, der das Ereignis vereinfachen das Entfernen oder auszulösen. Beispielsweise definiert "click.myPlugin.simple" sowohl das myPlugin als auch die einfachen Namespaces für dieses bestimmte click-Ereignis. Ein über diese Zeichenfolge angefügter Klickereignishandler kann mit .off("click.myPlugin") oder .off("click.simple") entfernt werden, ohne andere Klickhandler zu stören, die an den Elementen angebracht sind. Namespaces ähneln CSS-Klassen insofern, als sie nicht hierarchisch sind; nur ein Name muss übereinstimmen. Namensräume, die mit einem Unterstrich beginnen, sind für die Verwendung von jQuery reserviert.

Answer 2

Es ist nur ein Ereignis-Namespace. Werfen Sie einen Blick auf http://api.jquery.com/event.namespace/

Answer 3

Ich bin mir nicht ganz sicher darüber, aber ich denke, es ist eine Art von "persönlichen Ereignisauslösung". Ich erkläre es besser: Sie können Ihre eigenen Ereignis-Listener definieren und sie auslösen, wann immer Sie wollen. Zum Beispiel können Sie ein Ereignis myEvent definieren und es auslösen, indem Sie einfach .trigger('myEvent') ausführen. Hier ein kleiner Auszug:

$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { 
    //do something 
}); 

Dies ist die Erklärung der Event-Handler, die Sie nur, indem Sie diese auslösen können:

$(document).trigger('click.modal.data-api'); 

mehr Dokumentation Lesen Sie mehr über .trigger(), .bind() und .on()