如何为AMP项目添加自定义JavaScript

Question

我正在将现有项目转换为AMP，其中包含HTML，CSS，Bootstrap和Masonry网格。我需要为AMP项目应用砌石Java脚本库。 我已经尝试了很多方法，但是砌体网格效果不佳。

<script async src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

<script type="application/javascript"> 
   // init Masonry
    var $grid = $('.grid').masonry({
      itemSelector: '.grid-item',
      percentPosition: true,
      columnWidth: '.grid-sizer'
    });
    // layout Masonry after each image loads
    $grid.imagesLoaded().progress( function() {
      $grid.masonry();
    });  
</script>

我也使用了以下方法。

<script async src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

<script amp-custom>
   // init Masonry
    var $grid = $('.grid').masonry({
      itemSelector: '.grid-item',
      percentPosition: true,
      columnWidth: '.grid-sizer'
    });
    // layout Masonry after each image loads
    $grid.imagesLoaded().progress( function() {
      $grid.masonry();
    });  
</script>

但是两者都不起作用...

是否有其他方法可以实现？？

谢谢