JQuery on() 不會在附加元素上觸發

Question

未調用附加到父元素的子元素上的事件處理程序。 調用父級上的事件處理程序。

componentDidMount() {

  $(document).ready(()=> {

    $(".parent").on("click", ".child", (e) => {
      e.preventDefault();
      $(this).parent('div').doStuff();
    });

    $(".parent").click(function(e) {
      console.log("this is working");
      $(".parent").append('<div><a href="#" className="child">Do Stuff</a></div>'); 
    });

  }
}

Answer 1

問題是我使用的是類名，這是 React 特定的方式來引用className元素的class屬性。 當我進行此更新時，它起作用了。

$(".parent").append('<div><a href="#" class="child">Do Stuff</a></div>');