使用ng-angular的Dinamically创建的元素不会触发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

}