簡體   English   中英

Rails:安裝Jcrop插件時出現問題

[英]Rails: Problems installing Jcrop plugin

我是Web開發的新手,所以很抱歉,這是基本知識。 我不確定如何將application.html.erb或crop.hmtl.erb中的代碼連接到我下載的實際文件。 具體來說,我下載了用於Jquery UI和Jcrop(依賴於Jquery UI)的文件,並將它們都移到了應用程序的供應商文件(home / website / vendor)中。 然后,我遵循了Jcrop教程來安裝插件,但是它不起作用。 我認為我的應用程序無法成功訪問一個或兩個下載的文件。 Jcrop指南為我提出了關於在application.html.erb中放入內容的建議,但他說我可能必須根據實際路徑調整代碼。 我不知道該怎么做,甚至不知道要研究什么。 有人可以幫忙嗎?

Application.html.erb:這是Jquery UI指南(http://learn.jquery.com/jquery-ui/getting-started/)告訴我的內容

<!DOCTYPE html>
<html>
<head>
  <title>Website</title>
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <%= csrf_meta_tags %>
  <link rel="stylesheet" href="jquery-ui.min.css">
  <script src="external/jquery/jquery.js"></script>
  <script src="jquery-ui.min.js"></script>
</head>

這就是Jcrop指南(http://deepliquid.com/content/Jcrop_Manual.html)建議我放入application.html.erb的內容,但是我可能需要調整:

<script src="js/jquery.min.js"></script>
<script src="js/jquery.Jcrop.min.js"></script>
<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />

crop.html.erb

<% content_for(:head) do %>
<%= stylesheet_link_tag "jquery.Jcrop" %>
<%= javascript_include_tag "jquery.Jcrop.min" %>
<script type="text/javascript" charset="utf-8">
$(function() {
  $("#cropbox").Jcrop();
});
</script>
<% end %>

<%= image_tag @thing.avatar.url(:large), :id => "cropbox" %>

資產文件(例如Javascript和CSS)應放在app/assets內的相應文件夾中。 例如,如果將文件放置在應用程序中的以下位置:

assets/javascripts/jquery.Jcrop.min.js
assets/stylesheets/jquery.Jcrop.css

然后,您可以使用rails資產助手在application.html.erb文件(或使用content_for的crop.html.erb)中引用這些文件:

<%= stylesheet_link_tag "jquery.Jcrop" %>
<%= javascript_include_tag "jquery.Jcrop.min" %>

此外,還有一個jcrop-rails-v2 ,它可以使JCrop資產的包含更加容易。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM