我有一些基于数组列表使用 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);
});
预先感谢您的帮助
最佳答案
尝试像下面这样绑定(bind)点击事件
$(document).on('click', '.floating-close', function(event) {
//your code
}
关于javascript - 使用 ng-angular 动态创建的元素不会触发 onClick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39222356/