javascript - 如何将此方法应用于所有未来的匹配元素？

Question

以下 javascript/jquery 片段将 css 应用于 DOM 中所有当前匹配的元素。

$('.centeredByJquery').each(function(){
    $(this).css({'margin-left': -parseInt($(this).css('width'))/2,
                'left':'50%',
                'margin-top': -parseInt($(this).css('height'))/2,
                'top':'50%'});
})

我如何将此方法也应用于所有未来的匹配元素？

Answer 1

你不能......唯一的方法是使用间隔：

setInterval(function(){
    $('.centeredByJquery').each(function(){
        $(this).css({'margin-left': -parseInt($(this).css('width'))/2,
                    'left':'50%',
                    'margin-top': -parseInt($(this).css('height'))/2,
                    'top':'50%'});
    })
},1000);

但这是一个可怕的想法..

如果您知道何时插入新元素，则只需调用一个函数即可将该元素居中。