Jquery 放大弹出窗口：应用程序-3f3c3e8…；。js:15011未捕获类型错误：无法读取属性'；打开'；未定义的

我将此示例用于画廊：

我的应用程序是Rails 5和Turbolinks 5我只在生产过程中，而不是在开发过程中遇到此错误。

当我单击打开图库时，我收到错误信息：

未捕获类型错误：无法读取未定义的属性“open”

以下是我的js：

$(document).ready(function() {

  // image gallery lightbox
  $('.open-gallery-link').click(function(event) {
    //  event.preventDefault();
    var items = [];
    $($(this).attr('href')).find('.slide').each(function() {
      items.push( {
        src: $(this)
      } );
    });

    $.magnificPopup.open({
      items:items,
      gallery: {
        enabled: true
      },
      closeBtnInside: false

    });
  });

和我的html：

<a href="#gallery1" class="open-gallery-link">
  <div class="featured-img space-bottom-30" style="background-image: url(http://res.cloudinary.com/hdldnogif/image/upload/v1488230846/zk17kylcizbq9grz3eg8.jpg)">
 </div>
</a>

---

我尝试在

$（文档）中包装我的JS。在（'turbolinks:load'，function（）{}

上，但得到了相同的错误。非常感谢您提供的任何帮助我认为您使用的是旧语法。请尝试以下操作：

$(document).on('turbolinks:load', {
  // your code here
});

---

我认为您使用的是旧语法。请尝试以下方法：

$(document).on('turbolinks:load', {
  // your code here
});

---

元素的选择器错误

 $.magnificPopup.open

。您的选择器应为锚定标记。请尝试使用以下选项：

$('.open-gallery-link').magnificPopup.open({});

---

元素的选择器错误

 $.magnificPopup.open

。您的选择器应为锚定标记。请尝试使用以下选项：

$('.open-gallery-link').magnificPopup.open({});

---

也许它会帮助别人！

---

如果你缩小你的JS代码，那么很可能“放大弹出”有一个短名称，它在“scripts.min.JS”中有一个短名称，这就是为什么在这种情况下你找不到“放大弹出”——它是未定义的。

也许它会帮助某人！

---

如果你缩小你的JS代码，那么很可能“magnificPopup”有一个短名称，它在“scripts.min.JS”中有一个短名称，这就是为什么在这种情况下你找不到“magnificPopup”-它是未定义的。

不幸的是，这不是有效的语法。不幸的是，这不是有效的语法。请不要认为这不起作用。我现在收到了这个错误：

 $（…）.magnificPopup.open不是一个函数

我认为只有当您的库嵌套在$（'.open gallery link'中时，它才起作用元素。在我的事业中，我试图通过单击一个单独的链接来启动图库。我想这里需要注意的一件大事是，我的代码在开发中工作正常，但在生产中却不工作。感觉像Rails或Turbolinks问题。我认为这不起作用。我现在遇到了这个错误：

$（…）.magnificpuppop.open不是一个函数

我认为只有当您的库嵌套在$（'.open gallery link'）元素中时，它才起作用。在我的原因中，我试图通过单击单独的链接来启动库。我想这里需要注意的一件大事是，我的代码在开发中可以正常工作，但在生产中却不能。感觉像是Rails或Turbolinks问题