javascript - Meteor:我可以使用什么来代替 setTimeout 来响应 DOM 更改？

Question

当从移动端拍摄新照片添加到动态列表时，我使用materialbox(用于显示Material Design lightbox样式的jQuery插件)。当照片准备好并在 DOM 中可见时，模板事件就会启动:

Template.item.events({
'click .materialboxed':function(e,t){
        setTimeout(function(){
            $('.materialboxed').materialbox();
        },0)
    }
});

DOM:

<div class="col s2" style="text-align:left;">
  {{#if pictureExist}}
  <img src="{{picture}}" alt="" class="responsive-img materialboxed"> <!-- notice the "circle" class -->
  {{else}}
  <div class="takePicture"><i class="mdi-image-photo-camera small"></i></div>
  {{/if}}
</div>

是否有最好的 Meteor 方法来代替 setTimeout 在 react 数据中实例化 jQuery 代码？

谢谢

Answer 1

尝试删除计时器。

Template.item.events({
    'click .materialboxed':function(e,t){
                $('.materialboxed').materialbox();
        }
    });

应该可以。