2011-11-03 3 views
0

jquery를 혼자 사용하는 방법을 알고 있지만 레일즈 3.1에 익숙하지 않기 때문에 레일즈에 jquery를 통합하는 방법은 거의 모른다.JQuery 날짜 선택 도구 + 레일 3.1. 통합

나는 다음 단계하지만 물건 (예 : JQuery와-UI-timepicker-addon.js 대한 jQuery

  1. 날짜 선택기 플러그인 :-) 일반적으로 잘못 프로그래밍의 첫 번째 (순진) 방법을 때우기 지금까지) 응용 프로그램/자산/자바 스크립트로는
  2. 추가 라인은 // = JQuery와-UI-timepicker-부가 내가 앱/자산/자바 스크립트/VIEW.js을 만드는 몇 가지보기에서 날짜 선택을 할 때
  3. 를 application.js하고 거기에 표준 jQuery를 사용하여 날짜 선택 도구를 연결합니다.

더 우아한 방법이 있습니까?

답변

0

이 작업을 시도 할 수 있습니다 :

  1. 가 JQuery와 - UI의 .js이 응용 프로그램/자바 스크립트 폴더에 파일을 추가합니다. [다운로드 할 수있는] [1]

    [1] : http://jqueryui.com/download. 어쩌면 jquery-ui-timepicker-addon.js도 도움이 될 것입니다.

  2. application.js에 코드를 추가 할 필요가 없습니다. '(> $ - 자바 스크립트의 모든의 .js 파일은

    $를 .js.coffee/자바 스크립트/{view 이름}
    응용 프로그램에 다음 줄을 추가

  3. 을 포함하고 자동으로 컴파일됩니다 폴더로 .) '.date 날짜 선택기()

    위에 라인의 커피 스크립트 당량이다

    $ ("#의 날짜 선택기")는 날짜 선택기().

+0

고마워. 내게 많은 번거 로움을 덜어 줬어. 나는 엘리먼트의 id를 참조하기 위해 coffeescript에'.' 대신'.'을 사용해야했습니다. – sbooth