jQuery on() 方法不适用于附加元素

Question

我知道我应该使用 on() 方法来触发附加元素，而不是使用 click()，所以:

$('#change_profile_img').on('click', function(){
alert(1);           
});

所以上面的代码在任何元素上都可以正常工作，除非附加元素，例如，我要附加:

$('.companylogo:first').append('<a id="change_profile_img" class="ic_change">CHANGE IMAGE</a>');    

附加后，它不起作用，但页面刷新后它工作得很好。 我应该提到的另一件事是，我正在从模式页面进行附加，它附加了按钮和所有内容，但我无法再触发它......

我将不胜感激任何形式的帮助。 谢谢

Answer 1

这应该适合你:

$(".companylogo").on("click", "#change_profile_img", function() {
  alert(1);
});