Jquery FullCalendar外部事件删除两个不同的模态

我通过反复试验自我教育，犯了很多错误：）我被卡住了。我正在使用fullCalendar，它在JSON提要中工作得非常好

我想将外部事件拖到日历中，并根据拖到的事件显示不同的模式。事件下拉列表和模式显示正在工作，但每次都会同时打开（修复顶部的假期）

<div id="external-events">
<div id="vacationdrop" class="fc-event vacation" className="vacation">Vacation</div>
<div id="repairdrop" class="fc-event repair" className="repair">Repair</div
</div>

任何帮助都将不胜感激。我确实进行了广泛的搜索，但没有找到与我的目标相似的东西。另外，我每次都写jQuery，因为我也使用wordpress，而且它很挑剔。

很难确切地确定为什么会出现您描述的行为，因为示例中的代码没有编译，但很明显

jQuery('#external-events .fc-event')

将返回所有外部事件，因为它会选择外部事件框中包含

fc event

类的所有内容，即所有事件。然后，执行

.hasClass（“修复”）

在该事件列表中，如果这些事件中的任何一个也具有“repair”类，则返回true。因为这是您的第一个

if

语句，所以如果您的外部事件列表中至少有一个“repair”事件，它将始终显示修复模式

我想你想做的是确定被拖拽和丢弃的特定事件。为此，您可以使用

此

对象。如文档（）中“drop”回调上下文中所述，

此

表示为触发回调而丢弃的单个元素

e、 g

后来

if ($(this).hasClass('vacation')) {

请参阅此处的（略为简化的）演示，其中显示了

this

的用法。（我不得不猜测/只是放一些基本的东西）使用一些代码，只是为了让它工作，但您可以忽略这些位，并专注于“drop”回调）

drop: function(date, jsEvent, ui) {
    if ($(this).hasClass('repair')) {

if ($(this).hasClass('vacation')) {