在动态调用的元素（html）fullcalendar上添加JS函数

Question

我在jQuery fullcalendar上有一个eventClick函数，

我的想法是，当我点击我的活动时，它会打开一个模态框，然后我可以删除该活动。

此外，我已将删除事件放在垃圾箱上，但当我将事件移到fullcalendar内容之外时，它隐藏了我，我试图更改fc-view : overflow:visible;但没有任何帮助，这就是为什么我是打开模态框后尝试删除。

    eventClick: function(calEvent, jsEvent, view) {
        var modal = 
            '<div class="modal fade">'+
                '<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">'+ calEvent.title +'</h4>'+
                        '</div>'+
                        '<div class="modal-body">'+
                           '<form class="separate-sections" method="post">'+
                            '<div class="form-group input-append calendar_time_pick">'+
                                '<div class="input-group addon-left" onclick="showdate()">'+
                                    '<span class="input-group-addon add-on">'+
                                        '<i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-time"></i>'+
                                    '</span>'+
                                    '<input data-format="yyyy-MM-dd hh-mm-ss" type="text" name="date" placeholder="Time" ></input>'+
                                '</div>'+
                            '</div>'+
                            '<div>'+
                                '<button class="btn btn-blue btn-block" >Save<i class="icon-save"></i></button>'+
                            '</div>'+
                        '</form>'+
                        '</div>'+
                        '<div class="modal-footer">'+
                            '<button id="submit" type="button" class="btn btn-default" data-dismiss="modal">Close</button>'+
                            '<button type="button" onclick="deleteEvent('+calEvent.id+')" class="btn btn-primary">Delete</button>'+
                        '</div>'+
                    '</div>'+
                '</div>'+
            '</div>';

        $(modal).modal('show');
     },

我有删除功能

var deleteEvent = function (id) {
 $('#calendar').fullCalendar('removeEvents', id);
  }

但是这不起作用，因为当加载所有JS时，模态没有显示，这就是为什么它之后无法运行该函数。