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

时间:2013-08-31 19:25:07

标签: jquery fullcalendar

我需要将类'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');

2 个答案:

答案 0 :(得分:1)

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

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

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

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

答案 1 :(得分:0)

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