完整的日历 - 将可点击的图标与事件相关联？

Posted 2023-05-09

【中文标题】完整的日历 - 将可点击的图标与事件相关联？

【英文标题】：full calendar - associate clickable icons with events?

【发布时间】：2012-07-17 06:16:25

【问题描述】：

我想在日历上为每个事件附加 4 个图标。每个图标应该在点击事件上调用不同的函数。老实说，我的 CSS 不太好。我尝试了以下代码，但未调用这些图标的单击事件。而是调用事件事件。无论如何要附加4个带有可点击事件的图标吗？提前谢谢你

eventRender: function(event,element,calEvent) 
    element.find(".fc-event-title").after($("<span class=\"fc-event-icons\"></span>").html("<img src=\"/images/pass.png\" onclick=\"javascript:icons("+this.id+");\" /><img src=\"/images/pass.png\" onclick=\"javascript:icons("+this.id+");\" /><img src=\"/images/pass.png\" onclick=\"javascript:icons("+this.id+");\" /><img src=\"/images/pass.png\" onclick=\"javascript:icons("+this.id+");\" />"));

【参考方案1】：

我认为您需要使用.on() 函数将事件处理程序注册到您的图标。

检查这个小提琴：http://jsfiddle.net/100thGear/rpc23/

点击事件被触发并使用.on() 处理程序进行适当处理。让我知道这是否有帮助！

【讨论】：

@ganeshk 我曾使用 .on() 函数使图标可点击，但问题是当我点击图标时，也会触发 fullcalendar 插件的 eventClick 方法。当我单击放置在事件上的图标时，我不希望触发 eventClick 方法。可以请您对此有所了解吗？

您可以将小提琴代码添加到您的答案中吗？ jsfiddle 至少对我和其他一些巴西用户来说存在稳定性问题

嗨@ganeshk你能用最新的jquery和fullcalendar更新小提琴吗，因为新版本它不起作用请检查你是否可以更新？...