javascript - 由于某种原因，点击不起作用......我哪里出错了？

Question

我知道 on click 用于动态生成的元素...所以我的 AJAX 返回数据和要单击的链接...但由于某种原因，什么也没有发生..下面是我的代码

// jquery for the click event
    $(".back_to_followers").on('click', function(event){
       event.preventDefault();
      alert('clicked');
      $('.user_media_result').empty();
      $('.user_media_result').hide();
      $('.list_of_followers').show();
    });

以及AJAX带来的链接

<a class="back_to_followers" style="color:blue; font-size:20px;" href="#"> Back to list of followers </a>

Answer 1

使用这个:

$(document).on('click', ".back_to_followers", function(event){
   event.preventDefault();
   alert('clicked');
   $('.user_media_result').empty();
   $('.user_media_result').hide();
   $('.list_of_followers').show();
});

您的代码仅适用于已加载的内容，因此您可以设置一个针对整个文档或包含 .back_to_followers 的父元素的事件，然后定义必须单击的元素:具有 .back_to_followers 类的元素。