Rails 全日历

Question

所以当我在 events.js.cofee 的 fullCalendar 脚本中添加事件点击时，它会因 turbolink 而崩溃

语法错误：[stdin]:7:24: reserved word 'function'

<%=javascript_include_tag 'application', 'data-turbolinks-track' => true %>

现在这是我没有添加 eventClick 的原始 events.js.coffee

注意：这样它不会崩溃并且可以完美运行，但是我的 eventClick 显然没有做我想做的事。

$(document).ready ->
$("#calendar").fullCalendar(
       header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,agendaDay'
    },
       events: '/events.json'

)

这是我的Javascript 和eventClick：

$(document).ready ->
 $("#calendar").fullCalendar(
       eventClick: function(event) {
            var modal = $("#modal");
            modal.find(".modal-title").html(event.title);
            modal.modal();
          },
       header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,agendaDay'
    },
       events: '/events.json'

)

使用此代码不起作用。这是为什么呢？

注意：如果您需要知道什么是模态。

<div class="modal" role="dialog" id="modal">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">title</h4>
        </div>
        <div class="modal-body"></div>
        <div class="modal-footer"></div>
    </div>
</div>

Answer 1

问题在于函数关键字将您的 js 更改为：

$(document).ready ->
  $("#calendar").fullCalendar
    header:
      left: 'prev,next today',
      center: 'title',
      right: 'month,basicWeek,agendaDay'

    events: '/events.json'
    eventClick: (event, jsEvent) ->
       var modal = $("#modal");
       modal.find(".modal-title").html(event.title);
       modal.modal();
  return

希望这会对您有所帮助。