2014-11-02 7 views
1

웹 개발에 익숙하지 않으므로 이것이 기본 작업이라면 유감입니다. 내 application.html.erb 또는 crop.hmtl.erb의 코드를 다운로드 한 실제 파일에 연결하는 방법을 모르겠습니다. 특히, Jquery UI와 Jcrop (Jquery UI에 의존)에 대한 파일을 다운로드하고 두 파일을 모두 내 응용 프로그램 공급 업체 파일 (집/웹 사이트/공급 업체)로 옮겼습니다. 그런 다음 Jcrop 자습서를 따라 플러그인을 설치했지만 작동하지 않습니다. 나는 내 응용 프로그램이 successfuly 하나 또는 둘 다 다운로드 한 파일을 액세스하지 않는 것 같아요. Jcrop 가이드는 application.html.erb에 무엇을 넣을 지에 대한 제안을했지만 실제 경로에 따라 코드를 조정해야한다고 말했습니다. 나는 이것을 어떻게하는지 또는 그것을 연구하기 위해 무엇을보아야할지 모른다. 누구든지 도와 줄 수 있습니까?레일 : Jcrop 플러그인 설치시 문제가 발생했습니다.

Application.html.erb :이 JQuery와 UI 가이드 (http://learn.jquery.com/jquery-ui/getting-started/)가 Jcrop 가이드 (http://deepliquid.com/content/Jcrop_Manual.html) 내가 내 application.html.erb에 넣어 무엇을 제안 이것은

<!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> 

을 넣어 내게 말했지만, 난을 말한 조정해야 할 수도 있습니다 :

<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

애셋 파일 (예 : 자바 스크립트 및 CSS)은 app/assets의 해당 폴더로 이동해야합니다.

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

그런 다음 레일 자산 도우미를 사용하여 (content_for를 사용하거나 crop.html.erb) 당신의 application.html.erb 파일 내에서이 파일을 참조 할 수 있습니다 : 예를 들어, 당신은 당신의 응용 프로그램 내에서 다음과 같은 위치에 파일을 배치하는 경우 :

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

또한, 쉽게 JCrop 자산의 포함을 만들 수있는 jcrop-rails-v2있다.

+0

그래서 "