Javascript 如何在jQuery中响应ul li点击

我在引导面板中嵌入了以下无序列表。用户在运行时将项目动态添加到此列表中

<div class="row">
        <div class="col-md-2 panel panel-default">
            <div class="panel-heading">Species Seen</div>
            <div class="panel-body" style="height: 400px; overflow:auto">
                <ul id="speciesAdded" class="list-group">
                </ul>
            </div>
        </div>
</div>

---

由于警报从未显示，我似乎没有正确连接。由于创建页面时列表项不存在，因此这些元素将无法使用所有事件，在这种情况下，您需要应用，以便将事件附加到这些新添加的列表项：

$('#speciesAdded').on('click','li',function () {
    alert($(this).text());
});

---

由于创建页面时列表项不存在，因此这些元素将无法使用所有事件，在这种情况下，您需要应用，以便将事件附加到这些新添加的列表项：

$('#speciesAdded').on('click','li',function () {
    alert($(this).text());
});