带有jquery和Rails 5的Turbolink只适用于刷新页面

时间:2017-03-14 23:22:43

标签: ruby-on-rails

我得到了这段jquery代码。它基本上调用了justifiedGallery插件的一些选项,一旦加载了要显示的图像,另一个插件(称为colorbox)会查找<a>标签,为图像集的每个超链接添加一个灯箱功能。

我需要在Rails 5中使用turbolinks,从我读到的turbolinks:load开始,这是一种让它工作的方法。它实际上是这样的:当我进入那个页面时,对齐的画廊完成了它的工作但是第二部分on('jg.complete', ...没有。这意味着我需要刷新一次页面才能让灯箱正常工作。

$(document).on('turbolinks:load', function() {
  $('#justified-collection').justifiedGallery({
    lastRow: 'nojustify',
    rowHeight: 160,
    rel: 'gallery1',
    margins: 2
  }).on('jg.complete', function() {
    $(this).find('a').colorbox({
      maxWidth: '80%',
      maxHeight: '80%',
      opacity: 0.8,
      transition: 'elastic',
      current: ''
    });
  });
});

第二个.on部分实际上是turbolinks:load位的范围,所以我认为需要考虑这一点,但不是。

我的问题是如何让turbolinks“认出”这最后一点?我仍然是一个jquery和javascipt初学者,所以请耐心等待:)。

0 个答案:

没有答案