Esto es similar aCómo mostrar el elemento seleccionado en el título desplegable del botón Bootstrap

La única diferencia es que mi lista desplegable no es estática y se rellena a través de la respuesta ajax. Debajo del codigono funciona solo para <li> Elementos que se llenan dinámicamente.

Para probar más arriba, intencionalmente pongo una estática.<li> cuando hago clic en ese elemento, puedo ver el mensaje de éxito en la consola. Pero, cuando hago clic en<li> que se adjuntan dinámicamente, no consigo nada en la consola.

Creo que hay algunos conocimientos fundamentales de jQuery que me faltan aquí. jQuery gurus, comentarios / pensamientos?

Aquí hay un código para aclaraciones adicionales.

Código de Script de Java:

Impresión de la opción seleccionada en la consola.

$(".dropdown-menu li a").click(function () {
        console.log("Selected Option:"+$(this).text());
});

Poblando desplegable desde la respuesta ajax JSON

$.each(response, function (key, value) {
    $("#dropDownUL").append("<li> <a tabindex=\"-1\" href=\"#\" align=\"left\"> " + value + "</a> </li>");
})

Código HTML:

<div class="dropdown btn">
    <div id="dropDownId" class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#">
        Collections
        <b class="caret"></b>
    </div>           
    <ul id="dropDownUL"  class="dropdown-menu pull-left" role="menu" aria-labelledby="dLabel">
    <li><a tabindex="-1" href="#" align="left">Static test Option</a></li>
    </ul>


</div>

Así que, una vez más, si hago clic enStatic test Option Puedo ver el mensaje en la consola:Selected Option: Static test Option

Pero, cuando hago clic enOption2 Option 3 que se rellena a partir de la respuesta ajax, no veo nada en la consola.

Déjame saber si algo no está claro. Voy a tratar de explicar más a fondo.