2014-11-02 4 views
1

Я новичок в веб-разработке, поэтому, извините, если это базовый материал. Я не уверен, как подключить код в моем приложении application.html.erb или crop.hmtl.erb к фактическим загруженным файлам. В частности, я загрузил файлы для JQuery UI и Jcrop (которые зависят от JQuery UI) и переместил их в файл поставщика моего приложения (home/website/vendor). Затем я пошел по учебнику Jcrop для установки плагина, но он не работает. Я думаю, что мое приложение не успевает получить доступ к одному или обоим загруженным файлам. Руководство Jcrop дало мне предложение о том, что добавить в мое приложение.html.erb, но сказал, что мне, возможно, придется корректировать код по фактическим путям. Я не знаю, как это сделать или даже, что искать, чтобы исследовать его. Может ли кто-нибудь помочь?Рельсы: Проблемы с установкой Jcrop-плагина

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" %> 

ответ

0

Файлы активов (например, Javascript и CSS) должны находиться в соответствующих папках внутри app/assets. Например, если вы поместите файлы в следующих местах в приложении:

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

Вы можете ссылаться на эти файлы в вашем application.html.erb файл (или crop.html.erb, используя content_for), используя хелперы рельсы активов:

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

Кроме того, есть jcrop-rails-v2, который может сделать включение JCrop активов проще.

+0

Итак, я могу использовать «<% = stylesheet_link_tag ...» вместо «