从日历中单击时如何在彩色框中显示事件

Question

这是呈现fullcalendar的代码：

<br><br>
<%= link_to 'View Events', events_path, class: 'btn btn-md btn-default' %>   | <%= link_to 'New Event', new_event_path, class: 'btn btn-md btn-success',  data: {colorbox: true}, colorbox_iframe: true %>
<br><br>
<div id="calendar" style="width: 400px; height: 400px"></div>

我修改了index.json.jbuilder文件：

json.array!(@events) do |event|
  json.extract! event, :id, :title, :description
  json.start event.start_time
  json.end event.end_time
  json.url event_url(event, format: :html)
end

这是application.js文件：

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
// require turbolinks
//= require moment
//= require fullcalendar
//= require colorbox-rails
//= require_tree .

$(document).ready(function() {
    $('#calendar').fullCalendar({
        events: '/events.json'
    });
});

我的活动在日历上显示得非常好，但是如何在日历中点击时将它们显示在彩色框中。我已经为其他页面正确应用了colorbox，但我如何从日历中做同样的事情？

有人请吗？