我得到了这段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初学者,所以请耐心等待:)。