砌体布局和自定义JQuery文件无法协同工作

Question

我在html的head标签中定义了mansory，如下所示

的index.html

<script type="text/javascript" src="{$baseURL}/assets/javascript/masonry.pkgd.min.js"></script>
<script type="text/javascript">
$(function() {
                $('.mediaListContainer').masonry({
                    itemSelector: '.mediaContainerMasonary'
                }).imagesLoaded(function() {
                    $('.mediaListContainer').masonry('reload');
                });;
            });
</script> 
<script type="text/javascript" src="{$baseURL}/assets/javascript/index.js"></script>

我也有自定义Jquery文件index.js。如果我删除了砌体脚本，则index.js可以正常工作。否则它不起作用？

基本上我想在光标放在我的图像上时有动画效果。

你能帮我解决一下这个问题吗？