ng-angularの部分的に作成された要素がonClickイベントをトリガーしませんでした

Question

配列リストに基づいてng-angularで作成されたカード（フォーム）があります。 各カードには、私はトリガーしないonClickイベントがあります。ブラウザコンソールに機能コードをコピーしてコピーすると、すべてのイベントが機能します！私は、DOMが完全にロードされたときにイベントがバインドされないと推測します。

これらは私の関数です：あなたの助けを事前に

 $('.floating-open').on('click', function() { 
     var $this = $(this); 
     $this.parents('.clickable-button').addClass('clicked'); 
     $this.parents('.clickable-button').next('.layered-content').addClass('active'); 

     setTimeout(function() { 
      $this.parents('.card-heading').css('overflow', 'hidden'); 
     }, 100); 

    }); 

    $('.floating-close').on('click', function() { 
     var $this = $(this); 
     $this.parents('.layered-content').prev('.clickable-button').removeClass('clicked'); 
     $this.parents('.layered-content').removeClass('active'); 

     setTimeout(function() { 
      $this.parents('.card-heading').css('overflow', 'initial'); 
     }, 600); 

    }); 

おかげで

Answer 1

は、イベントをクリックしますよう

以下

$(document).on('click', '.floating-close', function(event) { 

    //your code 

}