javascript - Ruby on Rails 和 Masonry 问题

Question

我在 RoR 项目中实现 Masonry 时遇到了一些问题。

我想我可以用当前网页更好地解释它:http://sttorybox.herokuapp.com/

如您所见，如果您打开页面，masonry 工作正常。但是，例如，您进入一个故事单独页面(您必须登录 -> user:test@test.com ，pass:test)，单击框中的标题(第一个框，它是由测试用户创建的) ，现在单击页面标题:顶部栏砖石中的 STTORYBOX 现在无法正常工作，我不知道为什么:/

这是我的 JS 代码:

$(function() {
  var options = {
    itemSelector: ".item",
    isAnimated: true,
    layoutPriorities:{
      upperPosition: 1,
      shelfOrder: 1
    }
  }

  $container = $("#items").masonry(options);
});

希望大家能帮帮我。提前致谢。

Answer 1

我解决了这个问题，问题是 turbolink 的某些行为 rails gem 。

解决方案是将我的所有内容添加为匿名函数，如下所示:

var content = function() {
    ... content ...
};

后来使用turbolinks函数page:load来再次执行我的代码

$(document).on('page:load', content);

我还必须添加这个常规 jquery 函数来加载我的内容:

$(document).ready(content);

我希望这对一些人有帮助。