轨道全日历

Question

所以当我在事件.js.cofee 中添加事件单击时，这就是我在 event.cofee 中崩溃时

的事情 涡轮链接

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

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

现在这是我的原始事件.js.咖啡不添加事件点击

注意：有了这个它不会崩溃并且工作正常，但我的事件点击 显然没有做我想做的事。

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

这是我对eventClick Javascript：

$(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

希望这对您有所帮助。