Jquery砌体没有正确调整宽度

Question

我有一个angularjs应用程序。我容器中的所有网格元素都包含图像。我有缩小尺寸功能，可将图像宽度和高度降低到50％。如果JQuery Masonry网格元素调整得很好但宽度保持不变的高度。以下是元素的代码：

    <div id="part-one" class="work">
        <div class="box"><img class='answer123' src="http://payload295.cargocollective.com/1/16/530244/8200024/prt_200x160_1404837059.jpg"></div>
        <div class="box "><img class='answer123' src="http://payload295.cargocollective.com/1/16/530244/8200024/prt_200x160_1404837059.jpg"></div>
        <div class="box"><img class='answer123' src="http://payload295.cargocollective.com/1/16/530244/8200024/prt_200x160_1404837059.jpg"></div>
    </div>

这是我点击按钮时触发的缩小尺寸功能：

$scope.reduceSize = function(){
    $(".answer123").width("50%")
    $(".answer123").height("50%");
}

以下是我初始化容器的方法：

    var $container = $('.work');     
        $container.imagesLoaded( function(){
            $container.masonry({
            itemSelector : '.box',
            columnWidth:  $(".answer123")              
         });
    });

我非常感谢任何帮助。