Question

我在 document.ready() 中遵循代码如下:

$(document).ready(function(){

   $( img ).addClass( myClass );

});

Now this code works fine if I loads all the images at once, then this function adds the myClass to them(all img s). But what happens here is that whenever a new element with tag img like <img...../> is added in the DOM (via ajax or javascript), class to it does not gets added.. is it a limitation of JQuery or it provides this via some plugin or api,or we have to do it manually.

每当在DOM中添加新的“坚固”/em/强”时,我希望它的等级将设为“坚固”/坚固,

现在,我用SetTimeout () 这样在 2 秒后调用一个函数, 添加类到我的图像 :

setTimeout(function(){
  $( img ).addClass( actAsButton );
},2000);

但这是正确的方式吗? 事实上,如果我们在2秒后在DOM中添加任何新内容,这个代码也失败了。我可以用“坚固的Interval 代替“坚固的设置 Interval < / strong”,但这在记忆使用方面成本很高。请讲清楚。

Answer 1

$( img ).load(function() {
  $(this).addClass( actAsButton );
})

Answer 2

$(document).on( img ,  load , function() {
    $(this).addClass( actAsButton );
});

Answer 3

在您的情况下, addClass 无效,因为当 $( document).redi () 被解除时, img 元素不存在。您应该为此使用以下代码。

$( img ).live( load , function () {
    $( img ).addClass( actAsButton );
});

友情链接