Javascript Jquery onclick can'；我没有目标，但其他一切都可以

我有两张单子。当你点击第一个列表（乐器）时，你会得到一个基于该乐器的类列表。 第一个列表很容易点击，而且似乎一切正常。但是，当我单击第二个列表（li）元素时，什么也没有发生。到目前为止，我似乎可以用第二个列表做任何事情，除了点击目标之外。我尝试了添加类，但点击无效。 这是一个样品

这里是代码笔的链接

下面是使用类“classList”针对我的li元素的特定代码

代码太长，无法在此放置代码段，请访问代码笔

---

请告诉我出了什么问题。

因为您在页面加载后动态添加了

.classList

，所以您将在加载后以不同方式附加单击事件，作为委托事件

您可以阅读jQuery

.on（）

委托事件的相关信息

委派事件的优点是，它们可以从中处理事件 以后添加到文档中的子元素

像这样：

$(document).on('click', '.classList', function(){
        $(".classList").removeClass("clicked");
        $(this).addClass("clicked");
        $(".studentInformationView").show();
        $("#nameInput").show();
    });

因此，将事件附加到

文档

（附加事件时，该文档将始终存在于页面加载中），并在以后添加时将其委托给

.classList

以下是最新的

$(document).on('click', '.classList', function(){
        $(".classList").removeClass("clicked");
        $(this).addClass("clicked");
        $(".studentInformationView").show();
        $("#nameInput").show();
    });