Jquery 如何处理FullCalendar事件正文中的链接?
我正在项目中使用FullCalendar 2。我以前使用过它,我非常熟悉它的API 我需要在我的活动正文中添加一个删除链接(日期、标题…)。我使用了,我也把我的事件描述放在这里。我的删除链接很简单Jquery 如何处理FullCalendar事件正文中的链接?,jquery,fullcalendar,Jquery,Fullcalendar,我正在项目中使用FullCalendar 2。我以前使用过它,我非常熟悉它的API 我需要在我的活动正文中添加一个删除链接(日期、标题…)。我使用了,我也把我的事件描述放在这里。我的删除链接很简单 <a class="delete-event-link" href="...">delete</a> 我是不是误解了什么?使用FullCalendar 2处理链接和eventClick的最佳解决方案是什么?我可以通过将以下代码添加到eventRender中来获得结果: $(e
<a class="delete-event-link" href="...">delete</a>
我是不是误解了什么?使用FullCalendar 2处理链接和eventClick的最佳解决方案是什么?我可以通过将以下代码添加到
eventRender中来获得结果:
$(element).find('.delete-event-link').click(function(e) {
e.stopImmediatePropagation(); //stop click event, add deleted click for anchor link
alert('deleted');
});
工作示例:
Date.prototype.addHours=函数(h){
this.setHours(this.getHours()+h);
归还这个;
}
$('#fullCal')。fullCalendar({
活动:[{
标题:“主要活动1”,
开始:新日期(),
结束:(新日期()).addHours(2),
全天:错
}, {
标题:“主要活动2”,
开始:(新日期()).addHours(5),
结束:(新日期()).addHours(7),
全天:错,
}],
标题:{
左:'',
中间:“上一个标题下一个”,
对:“”
},
时区:'本地',
defaultView:'agendaWeek',
eventRender:函数(事件,元素){
$(元素)。查找('.fc title')。追加('
');
$(元素)。查找('.delete事件链接')。单击(函数(e){
e、 stopImmediatePropagation();//停止单击事件,为锚链接添加已删除的单击
警报(“已删除”);
});
},
事件单击:函数(事件、元素){
警报(“点击事件”);
}
});代码>
通过将以下代码添加到事件渲染中,我能够获得结果:
$(element).find('.delete-event-link').click(function(e) {
e.stopImmediatePropagation(); //stop click event, add deleted click for anchor link
alert('deleted');
});
工作示例:
Date.prototype.addHours=函数(h){
this.setHours(this.getHours()+h);
归还这个;
}
$('#fullCal')。fullCalendar({
活动:[{
标题:“主要活动1”,
开始:新日期(),
结束:(新日期()).addHours(2),
全天:错
}, {
标题:“主要活动2”,
开始:(新日期()).addHours(5),
结束:(新日期()).addHours(7),
全天:错,
}],
标题:{
左:'',
中间:“上一个标题下一个”,
对:“”
},
时区:'本地',
defaultView:'agendaWeek',
eventRender:函数(事件,元素){
$(元素)。查找('.fc title')。追加('
');
$(元素)。查找('.delete事件链接')。单击(函数(e){
e、 stopImmediatePropagation();//停止单击事件,为锚链接添加已删除的单击
警报(“已删除”);
});
},
事件单击:函数(事件、元素){
警报(“点击事件”);
}
});代码>
对于我e.停止即时传播()代码>不起作用,但e.preventDefault()代码>确实如此。对于我来说e.停止即时复制()代码>不起作用,但e.preventDefault()代码>是否。也许将eventClick功能更改为事件标题的click事件?它应该可以工作,但我希望保留eventClick for my edition模式框,我发现它更方便用户…也许将eventClick功能更改为事件标题的click事件?它应该可以工作,但是我想保留eventClick for my edition模态框,我发现它更方便用户…非常适合我的用例,请参阅了解更多信息非常适合我的用例,请参阅了解更多信息