Javascript fullcalendar将id设置为it'；它不工作了

您好，我有以下haml javascript代码来呈现完整日历：

%script(type="text/javascript")
  $(document).ready(function (){
  $('#calendar').fullCalendar({
  defaultView: 'agendaWeek',
  editable: false,
  eventLimit: true,
  events: [
  - @kid.availabilities.order("availability_date desc").each do |availability|
    {
    id:    "#{availability.id}",
    title: "Available",
    start: "#{availability.availability_date.to_datetime.strftime("%Y-%m-%dT%H:%M:%S")}",
    end:   "#{availability.end_availability_date.to_datetime.strftime("%Y-%m-%dT%H:%M:%S")}",
    url: "#",
    description: 'This is a cool event'
    },
  ],
  timeFormat: 'H(:mm)',
  });
  });

如您所见，我使用ruby代码创建了事件，并且我尝试为每个事件添加一个Id，以便捕获用户单击的事件，但我无法使fullcalendar显示我的Id。以下是其中一个事件的html示例：

<div class="fc-event-container">
    <a class="fc-time-grid-event fc-event fc-start fc-end" href="#" style="top: 379px; bottom: -417px; z-index: 1; left: 0%; right: 0%;">
        <div class="fc-content">
            <div class="fc-time" data-start="10" data-full="10:00 AM - 11:00 AM">
                <span>10 - 11</span>
            </div>
            <div class="fc-title">Available</div>
        </div>
        <div class="fc-bg"></div>
    </a>
</div>

正如您所见，我在html标记上没有Id，但在jquery代码上有Id；此外，如果您检查“我有一个Id”属性，但我不知道我做错了什么

提前感谢您的帮助。

您可以使用侦听器并检查事件ID：

eventClick: function(event) {
    console.log(event.id);
}

eventRender: function ( event, element ) {
    element.attr( 'id', event.id );
}

或用于使用事件ID向元素添加属性：

eventClick: function(event) {
    console.log(event.id);
}

eventRender: function ( event, element ) {
    element.attr( 'id', event.id );
}

---

在您的第一个代码块中，将

%script（type=“text/javascript”）

替换为

：javascript

@Gagan如果我更改为：javascript标记，我的ruby代码将停止工作，我知道这很奇怪，但这就是我使用%script（type=“text/javascript”）的原因：javascript非常感谢@brasofilo