fullcalendar 为放置在事件上的可点击图标取消绑定 eventClick 方法

Posted 2023-05-09

【中文标题】fullcalendar 为放置在事件上的可点击图标取消绑定 eventClick 方法

【英文标题】：fullcalendar unbind the eventClick method for the clickable icons placed on the events

【发布时间】：2012-08-13 16:56:35

【问题描述】：

我正在使用全日历插件。我曾使用 jquery .on() 函数使图标可点击，但问题是当我点击放置在事件上的图标时，也会触发 fullcalendar 插件的 eventClick 方法。当我单击放置在全日历月视图上的事件上的图标时，我不希望触发 eventClick 方法。有人遇到过类似的问题吗？无论如何只有在单击事件上的图标时才禁用 eventClick 方法。我尝试使用 .unbind() 函数，但仍然触发了 evenClick 方法以及用于使图标可点击的 .on() 函数。

【参考方案1】：

在最后你的图标的点击事件中，你可以取消事件传播到 DoomTree。

示例：http://api.jquery.com/event.stopImmediatePropagation/

$(".icons").on("click", function(event)
  event.stopImmediatePropagation();
);

或者：http://api.jquery.com/event.stopPropagation/

$(".icons").on("click", function(event)
  event.stopPropagation();
  // do something
);

【讨论】：

我试过了，但它不起作用。这是jsFiddle，你也可以试试jsfiddle.net/veer712/KrZJr/1

我对你的小提琴做了一些改变。我认为这对你有用：jsfiddle.net/xJF3H/2