动态创建带有ng-angular did 't trigger onClick事件的元素

Dinamically created elements with ng-angular didn't trigger onClick event

本文关键字：trigger onClick 事件 元素 创建 ng-angular did 动态      更新时间：2023-09-26

我有一些卡片(表单)创建与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);
    });

提前感谢您的帮助

尝试像下面这样绑定点击事件

$(document).on('click', '.floating-close', function(event) {
   //your code
}
相关文章：