砌体图库图像无法正确显示

Question

我正在关注 John Edler 的 Ruby on Rails 教程。当我渲染应用程序初始看起来很好，但是当我开始单击导航栏上的主页或品牌时，所有图像（引脚）都显示回垂直，但每次刷新浏览器它看起来又很好，但事实并非如此。我不确定是什么问题，希望有人能帮助我。

application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require masonry/jquery.masonry
//= require_tree .

application.scss

 *= require 'masonry/transitions'
 *= require_tree .
 *= require_self
 */

...view/pins/index.html.erb

<%= render '/home/jumbo' unless user_signed_in? %>
<p id="notice"><%= notice %></p>
<div id="pins" class="transitions-enabled">
    <% @pins.each do |pin| %>

        <div class="box">  
            <div class="panel panel-default">
                <%= link_to image_tag(pin.image.url(:medium)), pin %><br/>
                <div class="panel-body">
                <%= pin.description %><br/>
                <%= pin.user.name if pin.user %><br/>
                <% if pin.user==current_user %>
                <div class="panel-footer">
                  <%= link_to 'Edit', edit_pin_path(pin), class:'btn btn-primary' %>
                  <%= link_to 'Destroy', pin, method: :delete, class:'btn btn-primary', data: { confirm: 'Are you sure?' } %><br/>
               </div>
                <% end %>
                </div>
            </div>
        </div>
    <% end %>
</div>

...view/home/_header.html.erb

<nav class="navbar navbar-inverse" role="navigation">
  <div class="collapse navbar-collapse" id="navbarNav">
    <div class="navbar-nav">

      <ul class="nav nav-pills">
        <li class="nav-item"><%= link_to 'Tsarong', pins_path, class:"navbar-brand"%></li>
        <li><%= link_to 'Home', root_path %> </li>
        <li><%= link_to 'About App', home_about_path %></li>
        <% if user_signed_in? %>
        <%= javascript_include_tag :defaults %>
          <li><%= link_to 'Add Pin', new_pin_path %></li>
          <li><%= link_to 'List Pins', pins_path %></li>
          <li><%= link_to 'Edit Profile', edit_user_registration_path %></li>
          <li><%= link_to 'Sign out', destroy_user_session_path, :method => :delete  %></li>
        <% else %>    
          <li><%= link_to 'Login', new_user_session_path %></li>
          <li><%= link_to 'Join', new_user_registration_path%></li>
        <% end %>
      </ul>
    </div>
  </div>
</nav>

非常感谢您的帮助！！！

Answer 1

尝试在您的应用程序中关闭 turbolink。也许你得到一个错误，因为砌体脚本没有正确处理 turbolink 重新加载：

1. 从您的 Gemfile 中删除 gem turbolinks 行。
2. 从您的app/assets/javascripts/application.js 中删除//= require turbolinks。
3. 从您的 app/views/layouts/application.html.erb 中删除两个 "data-turbolinks-track" => true 哈希键/值对。

Answer 2

谢谢 - 安东·特卡乔夫！ 我从 Gemfile 中删除了 gem turbolinks 行，并从 app/assets/javascripts/application.js 中删除了 //=require turbolinks。 现在可以了！！！谢谢！