所以我在这个项目中使用了fullcalendar,在同一个页面上有多个日历,每个日历都有自己的Prev/Next/Today按钮。我想要完成的是,当点击Prev/Next时,它会为页面上的所有日历启动,而不是仅仅为它绑定的日历启动,如果这样做有意义的话。我尝试使用jQuery来实现这一点,因为它们具有相同的类名,下面是一个我尝试过的click函数的示例,但并不完全像我预期的那样工作。
$(".fc-next-button").click(function (i) {
var nextBtn = $('.fc-next-button');
//alert(nextBtn.length);
for (var i = 0; i < nextBtn.length; i++) {
nextBtn[i].click();
}
});
例如,我有五个日历,当我确实点击next时,该功能会导致当前日历提前5周移动,而不是所有日历。如有任何帮助,我们将不胜感激。
这是因为您的循环点击了所有的“下一步”按钮。这实际上意味着您点击的任何一个都将被点击两次--一次由您手动点击,一次由代码点击。此外,click事件会被反复调用,因为每次调用“click”都会再次触发事件处理程序。
更好的方法是确定按钮属于哪个日历,然后在除该日历之外的所有日历上调用FullCalendar的next
方法。类似这样的事情:
$(".fc-next-button").click(function () {
var calendar = $(this).closest(".calendar");
$(".calendar").not(calendar).fullCalendar('next');
});
code>$(“.calendar”)位假定您的所有日历元素都有一个共同的class属性,如以下演示:https://codepen.io/adyson82/pen/ojvmpvy?editable=true&editors=001