javascript - 全日历课堂活动

Question

我正在尝试在 fullcalendar jquery 中实现一个删除函数来执行我需要访问我的事件中的元素的事情。这就是我添加 de fc-task-delete 的原因。

<div class="fc-event-container">
<a class="fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable" style="top: 373px; bottom: -461px; z-index: 1; left: 0%; right: 0%;">
    <div class="fc-content">
        <div class="fc-task-delete" style="text-align:right; color:red"><i class="glyphicon glyphicon-remove"></i></div>
        <div class="fc-time" data-start="08:30" data-full="08:30 - 10:30"><span>08:30 - 10:30</span></div>
        <div class="fc-title">Un event test</div><div class="fc-description">This event could have been in database</div>
    </div>
</a>

Js方面，我试过这个，但它不起作用，调用永远不会完成。

var deleted=document.getElementsByClassName('glyphicon-remove');
for (var i = 0; i < deleted.length; i++) {
    deleted[i].addEventListener('click', test);
}

function test(){
    console.log("clic remove");
}

我不知道我是否做错了什么（除了内联 css :p）；我什至不知道问题是来自 fullcalendar 还是我的代码。谢谢你的帮助。

PS：有关更多信息，此事件是在我的任务上启动的，但是字形图标在使用此事件的 dom 内部，所以我必须以某种方式检测我何时将鼠标悬停在十字架上，而不仅仅是在任务上做不同的事情，如果我想删除或更新。

    eventClick: function(event, element) {
        var title_modified = prompt('Event Title:');
        var desc_modified = prompt('Event Description:');
        var eventData;
        if (title_modified) {
          event.title=title_modified;
          event.description=desc_modified;
          $('#calendar').fullCalendar('updateEvent', event); // stick? = true
        }
    }

标签： javascriptjqueryfullcalendaraddeventlistener