全日历活动在课堂上

时间:2018-06-19 12:45:22

标签: javascript jquery fullcalendar addeventlistener

我正在尝试在fullcalendar jQuery内部实现remove函数,以执行需要访问事件内部元素的操作。这就是为什么我添加了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除外);我什至不知道问题是否来自全日历或我的代码。 感谢您的帮助。

PS:有关更多信息,此事件是在我的任务上启动的,但是glyphicon使用此事件在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
        }
    }

0 个答案:

没有答案