放大弹出窗口中多个库的Javascript位置

这里有点新，但我专门四处搜索，找不到答案

我目前正在尝试使用放大弹出插件在一个页面上获得多个图库，我知道这已经讨论过了（）

---

这似乎是一个愚蠢的问题，但我应该把JavaScript代码放在哪里呢？在magnific-popup.js文件中？还是我要做一个新的，然后叫它？我对JS比较陌生，我正在研究它，但是我试着把它放在不同的位置，结果发现一个JavaScript错误。有什么想法吗？

在关闭

标签之前，您可以在

标签之间的同一页中输入它们，然后在您拥有图库的同一页中调用它们。确保在放大弹出初始化脚本之前包含jQuery和放大弹出.js。见下面的顺序

它们可以放在HTML的

中，也可以放在

标记的结尾之前。只要他们遵循顺序。还包括脚本周围的

$（document）.ready（）

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Magnific Popup core JS file -->
<script src="magnific-popup/jquery.magnific-popup.js"></script>

<!-- Popup initialization code should be executed after document ready -->
<script type="text/javascript">
 $(document).ready(function() {
  $('.gallery').each(function() { // the containers for all your galleries
  $(this).magnificPopup({
    delegate: 'a', // the selector for gallery item
    type: 'image',
    gallery: {
      enabled:true
    }
  });
 });
});
</script>

$（文档）.ready（函数（）{
$（'.gallery'）。每个（function（）{//都是所有库的容器
$（此）.magnificPopup({
委托：“a”，//库项目的选择器
键入：“图像”，
画廊：{
已启用：true
}
});
});
});

谢谢您的回复，但当我尝试这样做时，会出现错误“$不是函数”。这与我在js文件本身的其他地方得到的消息类似。

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Magnific Popup core JS file -->
<script src="magnific-popup/jquery.magnific-popup.js"></script>

<!-- Popup initialization code should be executed after document ready -->
<script type="text/javascript">
 $(document).ready(function() {
  $('.gallery').each(function() { // the containers for all your galleries
  $(this).magnificPopup({
    delegate: 'a', // the selector for gallery item
    type: 'image',
    gallery: {
      enabled:true
    }
  });
 });
});
</script>