Question

我是网络开发的新手，所以如果这是基本的东西，我很抱歉。我不确定如何将application.html.erb或crop.hmtl.erb中的代码连接到我下载的实际文件。具体来说，我下载了Jquery UI和Jcrop（依赖于Jquery UI）的文件，并将它们都移动到我的应用程序的供应商文件（主页/网站/供应商）中。然后我按照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" %>

Answer 1

资产文件（例如Javascript和CSS）应该放在app/assets内的各自文件夹中。例如，如果您将文件放在应用程序中的以下位置：

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

然后，您可以使用rails资产助手在application.html.erb文件（或crop.html.erb，使用content_for）中引用这些文件：

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

此外，还有一个jcrop-rails-v2可以使JCrop资产的包含更容易。

Rails：安装Jcrop插件时遇到问题

1 个答案: