Eventos sobre elementos creados on the fly

Todos conocemos como asignar la detección de un evento en jQuery a un elemento de la página. Simplemente referenciamos el elemento mediante el selector adecuado y le atribuimos el método on(), con el evento que deseamos detectar y la función de CallBack que deseamos que se ejecute como respuesta a dicho evento (si quieres conocer más sobre los posibles selectores para referenciar un elemento, te sugiero este enlace que, no me cabe duda, encontrarás muy útil). El problema es que sólo podemos detectar los eventos que se producen en elementos que ya existen en la página cuando esta se carga. Si, una vez cargado el DOM, se añaden nuevos elementos, la detección habitual de eventos no funciona. En este artículo vamos a conocer este problema y la forma de resolverlo.