Magnific Popup Lightbox无法正常工作

Question

我正在尝试创建一个按钮，一旦点击，就会在灯箱中打开一个Vimeo视频。我找到Magnific Popup并尝试使用代码块将其实现到Squarespace网站中。

我在控制台中收到一条错误，指出'未捕获的ReferenceError：$未定义'

我目前有这个代码一起执行按钮：

<script>
$(document).ready(function() {
  $('.open-popup-link').magnificPopup({
    type:'inline',
    midClick: true
  });
});
</script>

<!-- View Demo Button -->
<a href="#demo-popup" class="open-popup-link view-demo">View Demo</a>

<!-- Popup itself -->
<div id="demo-popup" class="white-popup mfp-hide">
  Vimeo video goes here
</div>

我也在页脚中加载了两个JS文件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://website.com/s/magnific-popup.js"></script>

我不确定是什么导致了这个问题，任何帮助都会受到赞赏！