레일스 애셋 및 자바 스크립트 통합

Question

Premisse : 자바 스크립트에 대한 지식이 부족합니다. 레일 레이아웃에서

, 다음 스크립트 기능 :

<script> 
    $(function() { 
    $("#date_available_dal").datepicker({dateFormat: 'yy-mm-dd', showButtonPanel: true}); 
    $("#date_available_al").datepicker({dateFormat: 'yy-mm-dd', showButtonPanel: true}); 
    }); 
</script> 

하지만 동일한 코드를 배치하면, 자산/자바 스크립트 파일 내에서의 .js 파일에 열고 닫는 스크립트 태그를 제거하면서, 브라우저는 파일을로드하지만 [Curly가 말하는 것처럼] 아무 일도 일어나지 않습니다.

나는 많은 경우에 이것을 경험했다. & 파이프 라인을 올바르게 사용하지 못한다. 이 스크립트의 동작을 바꿀 수있는 백그라운드에서 수행중인 레일은 무엇입니까? 사고의 같은 라인에서

,이 코드는 스택 사이에 처리 될 것입니다 방법

datepicker({dateFormat: 'yy-mm-dd', regional[ #{set_locale} ] 

에 신청 방법

def set_locale 
    if user_signed_in? 
     I18n.locale = current_user.idioma.code.downcase 
    else 
     I18n.locale = params[:locale] || I18n.default_locale 
    end 
    end 

주어진 로케일을 추가한다면?

업데이트는 현재 개발 모드에서 브라우저는 다음과 같이 파일을 수신 :

$(function() { 
$("#date_available_dal").datepicker({dateFormat: 'yy-mm-dd', minDate: 0, numberOfMonths: 3, showButtonPanel: true}); 
$("#date_available_al").datepicker({dateFormat: 'yy-mm-dd', minDate: 1, numberOfMonths: 3, showButtonPanel: true}); 
    }); 

Answer 1

대답 주요 질문 : 조세프이 문제를 확인했습니다. 자바 스크립트 순서는이 경우 해결할 지점입니다.

두 번째 관찰 : require_tree를 추가하겠습니다. 그것이하는 일 (알파벳 순으로 파일을 본다), 선언하는 것 사이에서 매우 까다로울 수 있습니다. 이질적인 JSes를 사용하는 애플리케이션이 클수록 JSes를 사용하는 형식을 조종해야하며, 일반적으로 개별적인 경우에 실제로 필요한 것을 선언해야합니다.

두 번째 질문에 대해서는 이러한 페이지에 대한 색인이 생성되어 있으므로 적절한 연습을하고 답변을 게시 할 것입니다.

jQuery의 datepicker에는 datepicker-de.js으로 정의 된 자체 I18n 파일 세트가 있습니다. download the necessary files form github을 입력하고 필요한 곳에 저장하십시오. 나는 나를

<% if user_signed_in? %> 
    <%= javascript_include_tag ("datepicker-" + "#{current_user.idioma.code.downcase}") %> 
<% elsif params[:locale].present? %> 
    <%= javascript_include_tag ("datepicker-" + "#{params[:locale]}") %> 
<% else %> 
<% end %> 

마지막 else 문은 기본 로케일이 실내 인 경우에 적용되는 바로 가기입니다 진술 할 수 있도록 자사의 Idoma 모델, 필드 idioma_id에서 사용자의 언어를 정의했다. datepicker의 기본값은 en이므로 이미로드되어 있습니다.