Javascript 为什么在FullCalendar中同一类型的外部元素在同一时间重叠？

我正在尝试停止将相同的id事件相互重叠。例如：如果我有id:1 eventName:orange，那么如果我将此外部元素拖到一周的日历上，并将此事件的时间从8分配到9，则不应在此时间段8到9分配另一个事件，因为它已被事件1占用。不管它是ID1还是ID2，一旦它被ID1占据，就不应该在那里重叠

屏幕截图，这不应该发生，因为你可以清楚地看到这两个事件的相同id是并排的，我不希望。

你可以从fiddle获得我的代码，这是我的fiddle，请编辑或开发新代码。非常感谢你们的先进技术。：）

朋友们，除了这个主要问题之外，我还有一个问题，如果我把周日的橙色活动改为周一。然后，周二橙色事件也将移至周三，因此如何删除它们之间的连接，以便只有周日橙色事件移至周一，而不会影响周二事件。请帮助我的家伙作为新的FullCalander，我找不到文件是如此有用，因为他们应该提供的例子

---

从外部事件中删除id标记可以解决这两个问题

<div class='fc-event orange'>Orange</div> <!-- removed id="1" -->
<div class='fc-event red'>Red</div>       <!-- removed id="2" -->
<div class='fc-event purple'>Purple</div> <!-- removed id="3" -->

橙色
红色
紫色

<div class='fc-event orange'>Orange</div> <!-- removed id="1" -->
<div class='fc-event red'>Red</div>       <!-- removed id="2" -->
<div class='fc-event purple'>Purple</div> <!-- removed id="3" -->