javascript - jQuery 选择器或代码不工作

Question

我正在创建一个类似 Twitter 的应用程序作为学习练习，并且在我的 JS 文件的开头包含以下内容:

$(function(){
   setInterval(update, 3000);
   $('.tweet li a.username').on('click', function() {
      alert('hey!');
    });
    $('.showMore').on('click', function() {
      moreIndex += 5;
      update();
    })
  });

alert() 是我想在单击用户名时触发的另一个函数的填充符。我的生成器正在为每条推文创建以下 HTML:

<ul class="tweets">
    <ul class="tweet">
        <li><a class="username" href="#">@jason:</a> tweet text </li><li class="date"> Date </li>
    </ul>
</ul>

这包含在类 tweetDiv 的 div 中。

我尝试了很多选择器，但无法触发警报。我的选择器不正确吗？或者是别的什么？

Answer 1

这是另外一回事。您的选择器看起来正确。

您的代码很可能会生成没有绑定(bind)事件的新推文。你最好使用 event delegation解决这个问题:

$('.tweets').on('click', '.tweet li a.username', function() {
    alert('hey!');
});

此处 .tweets 元素应该是静态的，不会动态重新生成。