加载日历时，向全天div添加一个类

Question

我需要将类"modalbox"添加到表示一天的所有div中。有了这个类，我想触发一个弹出窗体。

在何处或如何执行$（".fc day"）.addClass（"modalbox"）；

附言：我只是一个试图把各种东西组合在一起的小家伙。。。

Thx提前

编辑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文件，那么我建议找到与您的任务最相关的文件，并将您的代码段放在文件末尾，并附上一条好的注释，解释您正在做什么以及为什么要做。

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

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

如果不需要隐式迭代，那么您所拥有的就是好的。

Answer 2

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