javascript - jquery onclick 事件不起作用

Question

这是我的代码:

    jQuery('a.students').on('click',function(e){
         alert(1);
    });

我使用 jQuery 创建 HTML。前面的代码放在我的 html 创建下面。这是我的 HTML:

    <li class="online new on "><a class="students">
     <span>Some name</span></a>
     <span style="background:green" class="msgcount"></span>
   </li>
    <li class="online new on "><a class="students">
     <span>Some name</span></a>
     <span style="background:green" class="msgcount"></span>
   </li>

我尝试移动 students类到 li元也。我将我的 JavaScript 更新为:

    jQuery('li.students').on('click',function(e){
         alert(1);
    });

似乎没有任何效果。

Answer 1

$('body').on('click', 'a.students', function(){
  alert(1);
})

正如您所说，您正在使用 jQuery 创建 HTML，存在事件绑定(bind)问题。与正文绑定(bind)也适用于动态创建的 HTML。