2012-07-18 58 views
2

我想在日历上追加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+");\" />")); 
} 

回答

7

我认为你需要使用.on()功能的事件处理程序注册到你的图标。

检查此琴:http://jsfiddle.net/100thGear/rpc23/

单击事件被触发,并与.on()处理程序妥善处理。让我知道如果这有帮助!

+0

谢谢你,它按预期工作。 – stephen 2012-07-22 04:14:14

+1

@ganeshk我曾使用.on()函数使图标可点击,但问题是当我点击图标时,fullcalendar插件的eventClick方法也会触发。当我点击放置在事件上的图标时,我不希望触发eventClick方法。你能为此遮光一下吗? – 2012-08-17 08:06:55

+0

你可以在你的答案中加入小提琴代码吗?至少对我和其他一些巴西用户来说,jsfiddle至少有稳定性问题 – 2014-08-19 13:51:11