Das ist ähnlich wieAnzeigen des ausgewählten Elements im Dropdown-Titel der Bootstrap-Schaltfläche

Einziger Unterschied, meine Dropdown-Liste ist nicht statisch und wird durch Ajax-Antwort aufgefüllt. Unten Codefunktioniert nicht nur für <li> Elemente, die dynamisch gefüllt werden.

Um dies zu testen, habe ich absichtlich eine Statik eingebaut<li> Wenn ich auf dieses Element klicke, wird in der Konsole eine Erfolgsmeldung angezeigt. Aber wenn ich auf klicke<li> die werden dynamisch angehängt, ich bekomme nichts in der konsole.

Ich glaube, es gibt einige jQuery-Grundkenntnisse, die mir hier fehlen. jQuery Gurus, Kommentare / Gedanken?

Hier ist ein Code zur weiteren Verdeutlichung.

Java Script Code:

Ausgewählte Option in der Konsole drucken

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

Dropdown aus Ajax-JSON-Antwort wird ausgefüllt

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

HTML Quelltext:

<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>

Also nochmal, wenn ich auf klickeStatic test Option Ich kann die Nachricht in der Konsole sehen:Selected Option: Static test Option

Aber wenn ich auf klickeOption2 Option 3 In der Konsole wird nichts angezeigt.

Lassen Sie mich wissen, wenn etwas nicht klar ist. Ich werde versuchen, weiter zu erklären.