简体   繁体   English

事件位置与Mozilla Firefox中的jQuery周日历插件中的移动时间的天数列不完全匹配

[英]Event position not proper fit on days column on moving time in jquery week calendar plugin in Mozilla Firefox

I have a problem with event UI when i am dragging(Not drop yet) event first time. 第一次拖动(尚未放下) event时, event UI有问题。 It does not move column to column; 它不会在列之间移动; instead it's dragging like this: 相反,它像这样拖动:

在此处输入图片说明

But once I dropped (it set proper place) that event and again started dragging it so it drags column to column perfectly. 但是,一旦我放下(将其设置在适当的位置)该事件并再次开始拖动它,就可以完美地将列拖到列中。

After refreshing the page only the first time this problem occurs. 仅在刷新页面后第一次出现此问题。 But if I clicked on today button before dragging any event so it works fine for me even if I drag event the first time. 但是,如果我在拖动任何事件之前单击了“今天”按钮,那么即使我是第一次拖动事件,它也可以正常工作。

I found if _loadCalEvents(new Date()); 我发现_loadCalEvents(new Date()); function is called this problem is solved (call on today button) 函数调用此问题已解决(调用“今天”按钮)

SO please help me how to call this function on my jsp page after calendar render. 因此,请帮助我如何在日历渲染后在我的jsp页面上调用此函数。

Call $('#yourCalendarDiv').fullCalendar('render'); 调用$('#yourCalendarDiv').fullCalendar('render'); after rendering your modal/dialog. 渲染你的模式/对话框

It immediately forces the calendar to render and/or readjusts its size. 它立即强制日历渲染和/或重新调整其大小。

Probably, you are creating your calendar before rendering the modal, so the calendar does not know its size. 可能是您在渲染模态之前创建了日历,因此日历不知道其大小。 After dragging for the first time, or clicking to switch the view (today button), the calendar is adjusting its size, that's why it works. 第一次拖动或单击以切换视图(“今天”按钮)后,日历会调整其大小,这就是它起作用的原因。

Refer to FullCalendar/Docs/Render 参考FullCalendar / Docs / Render

Lastly i have solve this by calling 最后,我已经通过致电解决了

$('#calendar').weekCalendar("today");

after calendar load .Its render all events for this current week.So solve problem on dragging . calendar load后。它将呈现当前一周的所有事件。因此解决拖动上的问题。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM