データベースのデータをJS内に記述し、fullcalendarプラグインのカレンダー内にデータを反映させたいと思っています。
今gemのgonを使い試しているのですが、以下のエラーが出てしまい原因がわかりません。
ご存じの方、ご教授お願いいたします。
参考にしたサイトはこちらになります。
gonを使ったRailsとJavascriptの連携について
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 5 <title>Ticket</title> 6 <%= csrf_meta_tags %> 7 8 <!--JS内でRailsの変数を使用--> 9 10 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 11 <!--JQueryを読み込む--> 12 13 <link href="css/fullcalendar.min.css" rel="stylesheet" type="text/css"> 14 <!-- JavaScript --> 15 16 <script type="text/javascript" src="js/moment.min.js"></script> 17 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 18 <script type="text/javascript" src="js/jquery-ui.custom.min.js"></script> 19 <script type="text/javascript" src="js/fullcalendar.min.js"></script> 20 <script type="text/javascript" src="js/ja.js"></script> 21 <%= include_gon %> 22 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 23 </head> 24 25 <body> 26 <%= yield %> 27 </body> 28</html>
javascript
1$(document).ready(function() { 2 3 4 $('#calendar').fullCalendar({ 5 weekNumbers: false, 6 // 高さ(px) 7 height: 400, 8 // コンテンツの高さ(px) 9 Boolean, default: false, 10 // 1ヶ月に表示する週数 11 12 defaultDate: '2018-04-09', 13 events: [ 14 { 15 title: 'aaaa', 16 start: '2018-04-09' 17 }, 18 { 19 title: 'bbbb', 20 start: '2018-04-10', 21 }, 22 { 23 title: 'cccc', 24 start: '2018-04-21' 25 }, 26 ] 27 }); 28});
undefined local variable or method `include_gon' for #<#Class:0x007ffcf191a0f0:0x007ffcf6769288>
Extracted source (around line #7):
<title>Ticket</title> <%= csrf_meta_tags %> <%= include_gon%> <%= Gon::Base.render_data({}) %> <!--JS内でRailsの変数を使用-->
あなたの回答
tips
プレビュー