在加载日历时为所有day-div添加一个类

Question

我需要将类'modalbox'添加到代表一天的所有div中。 在那个课程中，我想触发一个弹出窗体。

$（“。fc-day”）。addClass（“modalbox”）;

的位置或方式

PS我只是一个尝试将所有类型的东西放在一起的代码片段...

提前谢谢

编辑1

此函数调用包含以下形式的fancybox：

$(document).ready(function() {
    $(".modalbox").fancybox();
    $("#contact").submit(function() {
        return false;
    });
});

这就是如何调用它（例如）

<p><a class="button modalbox" href="#inline">Contact Me</a></p>

（来源：http://jenniferperrin.com/blog/jquery-tutorial-popup-modal-contact-form）

所以我想添加jquery-ui FullCalendar中提供的onClick事件 （http://arshaw.com/fullcalendar/docs/mouse/dayClick）

dayClick: function(date, allDay, jsEvent, view) {
    //here I need to trigger the fancybox-event
}

编辑2

搞定了。将类“modalbox”添加到td，然后在日历选项中添加此行：

dayClick: function(date, allDay, jsEvent, view) {
    $(".modalbox").trigger('click');

Answer 1

一切都取决于。如果您真的需要一个片段，可以将其放在页面底部的标签中。但是，如果在页面上加载了js文件，那么我建议找到与您的任务最相关的文件，并将您的代码段放在文件的末尾，并附上一个很好的评论，说明您正在做什么以及为什么。< / p>

根据您的情况，可能需要隐式迭代所有元素。如果是这种情况，我建议：

$(".fc-day").each( function() {
  $(this).addClass("modalbox");
});

如果没有必要进行隐式迭代，你所拥有的就好了。

Answer 2

您可以覆盖render方法，例如添加自定义按钮或元素和事件。