为什么Angular事件不会在IE中触发

Question

我有一个在加载图像时触发的指令。

function imageLoaded() {
    return {
        restrict: 'A',
        link: function (scope, element) {
            element.bind('load', function () {
                // Emit if last in a repeater
                if (scope.$parent.$last) {
                    console.log('imagesLoaded');
                    scope.$emit('imagesLoaded');
                } else {
                    scope.$emit('imageLoaded');
                }
            });
        }
    };
}

我有一个指示听：

scope.$on('imagesLoaded', function () {
                    console.log('running isotope');
                    element.isotope({
                        itemSelector: '.puff-wrapper',
                        masonry: {
                            columnWidth: '.col-1'
                        }
                    });

                });

它在FF和Chrome中完美运行，但在IE中却不行。