我正在制作一个安排webapp。我有一个表格作为日历，单元格（class="dtime"）作为一周中各个时段的时间段。
客户列表在下面。在鼠标悬停在某个名称上时，日历中的单元格会根据已知的时间冲突变为红色（无法在此处安排客户端）toggleClass。这些名称将被拖入日历中，并放在非冲突的时间段上以安排＆＃39;客户（jsfiddle）。
我只希望非冲突的时隙可以放弃。但是那些与“冲突”相关的细胞每个客户都会更改班级，并且仅在将鼠标悬停在客户的名称上时附加。
我的问题：如何在没有“冲突”的情况下制作所有单元格？类可放置，当＆＃39;冲突＆＃39; a）在$(document).ready()上不存在，b）根据鼠标位置动态变化？
我尝试在$('.dtime').not('.conflict').droppable()中使用$(document).ready()，但这不起作用，因为再一次，没有任何一个小组出现过冲突＆＃39;加载页面时的类，并且直到客户端名称被悬停为止。
我能得到的最近（jsfiddle）是让所有时间段都可以删除，并在over，out和drop上设置规则。在每个环境中，它会测试“冲突”。类，然后更改单元格颜色，以显示时间段是否可接受＆＃39; （over和out，模仿hoverClass），并安排客户端或返回而不做任何事情（drop）。这有效，但 a）似乎应该有更好的方法，并且b）如果你将鼠标移动到单元格太快，它就没有了赶上冲突＆＃39;无论如何都要上课，然后变绿，如果你试图放弃它就会保持绿色。
您可以看到我在jsfiddle中注释掉的代码中启动droppable的其他尝试。什么都不是很完美。
你能告诉我如何动态地使某些元素可以删除，或者向我展示另一种方式来完成我想要的东西吗？