在 Rails 中,我的 Cropper 显示错误,只会在手动页面重新加载时显示

in Rails my Cropper is being displayed wrong and will only display with a manual page reload

我正在使用 rails -v 5.1 并尝试在我的网站上显示图像裁剪器。 我正在使用回形针 gem 来处理图像上传,一旦图像被保存到模型中,您就会被重定向到裁剪器。此时,一切都显示正常,但我 运行 在编辑过程中遇到问题,用户可以选择重新裁剪照片。当您跟随重新裁剪 link 时,裁剪器会在通过 js 呈现宽度之前显示,除非您手动刷新页面,否则裁剪器的任何部分都无法运行。我很确定这个问题与 turbolinks 有关,导致 JavaScript 在 dom.ready 函数之前呈现,而 cropper.js 文件中不包含该函数。我的问题是如何猴子修补它以延迟显示,直到 dom 准备好?还是我遗漏了什么,我可以采用不同的方法?

-/app/views/crop.html.haml

= form_for @photo_post do |f|
  = f.cropbox :image, width: 300
  = f.crop_preview :image
  = f.submit 'Save'

-/app/controllers/posts_controller.rb

def crop
  render 'crop'
end

-/config/routes.rb

resources :posts do
  member do
    get 'crop'
  end
end

我已经搜索这个解决方案几个小时了,我觉得我正在使这种方法变得比它应该的更难,我似乎不知道从哪里开始。

裁剪器是 JS 我需要打电话给

document.on('turbolinks:load', fucntion(){
   someCropperFunction
});