javascript - 使用 ng-angular 动态创建的元素不会触发 onClick 事件

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

我有一些基于数组列表使用 ng-angular 创建的卡片(表单)。在每张卡上我都有 onClick 事件，但不会触发。如果我在浏览器控制台上复制粘贴功能代码，所有事件都会起作用!我猜当 DOM 完全加载时，事件不会绑定(bind)。

这些是我的功能:

        $('.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

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

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

   //your code

}