完整日历多日历，如何为所有日历单击prev/next

Question

因此，我在这个项目中使用了完整的日历，在同一个页面上有多个日历，每个日历都有自己的prev/next/ for按钮。我想要完成的是，当点击prev/next时，它会为页面上的所有日历触发，而不仅仅是它所依赖的日历，如果这是有意义的话。我尝试使用jQuery来实现这一点，因为它们具有相同的类名，下面是我尝试过的单击函数的一个示例，但并不完全按照我的预期工作。

$(".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周移动，而不是所有日历。任何帮助都将不胜感激。

Answer 1

这是因为你的循环点击了所有的“下一步”按钮。这实际上意味着，无论您单击哪个按钮，都会被单击两次--一次由您手动单击，一次由代码单击。另外，click事件会被一次又一次地调用，因为每次调用"click“时，它都会再次触发事件处理程序。

更好的方法是确定按钮属于哪个日历，然后在除该日历之外的所有日历上调用fullCalendar的next方法。就像这样：

  $(".fc-next-button").click(function () {
    var calendar = $(this).closest(".calendar");
    $(".calendar").not(calendar).fullCalendar('next');
  });

$(".calendar")位假设所有日历元素都有一个类属性，如本演示所示：https://codepen.io/ADyson82/pen/OJVMPVy?editable=true&editors=001