该代码在刷新页面时有效，但在原始加载时无效。

我正在构建 Pinterest 克隆。 Rails 应用程序 4.1.4。

.

应该发生什么

当你单击一个 Pin 图从索引页，它需要显示页。
SHOW页面有一些JavaScript which 调整图片/DIV大小.

.

Problem:

几乎每次我从索引页面单击 Pin 图时，javascript 都不会运行（不会调整图像/div 的大小）。

BUT如果我使用网络浏览器单击“刷新”，脚本似乎总是运行得很好（图像/ Div 的大小调整得很好）。

.

github上的js链接： https://github.com/growthcode/pinterest/blob/master/app/assets/javascripts/pins.js.coffee https://github.com/growthcode/pinterest/blob/master/app/assets/javascripts/pins.js.coffee

在 Heroku 上可以尝试一下： https://growthcode-pinterest.herokuapp.com/ https://growthcode-pinterest.herokuapp.com/

.

SHOW 引脚的 html：

<div class="container">
  <div class="row">
    <div id="showPinContainer" class="col-xs-12">
      <div id="showPin" class="well">
        <%= image_tag @pin.image, class: "show-image" %>
        <p class="description"><%= @pin.description %></p>
        <p><%= @pin.user.name %></p>
        <% if current_user == @pin.user %>
        <%= link_to 'Edit', edit_pin_path(@pin) %> |
        <% end %>
        <%= link_to 'Back', pins_path %>
      </div>
    </div>
  </div>
</div>

.

我在 Rails 上的咖啡脚本中编写了此内容，我将列出咖啡脚本及其“Js2coffee”转换。

咖啡脚本：

# Pin Show page
$ ->
  # set jQuery object variables
  $windowObj = $(window)
  $showPinContainer = $("#showPinContainer")
  $showPin = $("#showPin")
  $showPinImg = $("#showPin img")
  $showPinHeight = $("#showPin").outerHeight()
  $showPinImgWidth = $showPinImg.outerWidth()

  setShowPinContainerHeight = ->
    if $showPinHeight > 450
      $showPinContainer.outerHeight( $showPinHeight )
    else
      $showPinContainer.outerHeight( 450 )

  setShowPinContainerWidth = ->
    if $showPinImgWidth < 200
      $showPinImg.outerWidth( 200 )
    else if $showPinImgWidth > 300 
      $showPinImg.outerWidth( 300 )

  setShowPinContainerSize = ->
    setShowPinContainerHeight()
    setShowPinContainerWidth()

  setShowPinContainerSize()

.

上述咖啡脚本的 Js2coffee.com 转换：

$(function() {
  var $showPin, $showPinContainer, $showPinHeight, $showPinImg, $showPinImgWidth, $windowObj, setShowPinContainerHeight, setShowPinContainerSize, setShowPinContainerWidth;

  $windowObj = $(window);
  $showPinContainer = $("#showPinContainer");
  $showPin = $("#showPin");
  $showPinImg = $("#showPin img");
  $showPinHeight = $("#showPin").outerHeight();
  $showPinImgWidth = $showPinImg.outerWidth();

  setShowPinContainerHeight = function() {
    if ($showPinHeight > 450) {
      return $showPinContainer.outerHeight($showPinHeight);
    } else {
      return $showPinContainer.outerHeight(450);
    }
  };

  setShowPinContainerWidth = function() {
    if ($showPinImgWidth < 200) {
      return $showPinImg.outerWidth(200);
    } else if ($showPinImgWidth > 300) {
      return $showPinImg.outerWidth(300);
    }
  };

  setShowPinContainerSize = function() {
    setShowPinContainerHeight();
    return setShowPinContainerWidth();
  };

  return setShowPinContainerSize();
});

这是我在 Stack Overflow 上的第一个问题，所以如果我能提供其他任何有帮助的内容，请告诉我。谢谢你！

尝试禁用 Turbolinks。请参阅Turbolinks 上的 Rails Guides 文档 http://guides.rubyonrails.org/working_with_javascript_in_rails.html#how-turbolinks-works了解更多信息。