javascript - .每个功能都不起作用

Question

下面的代码应该为我计划假期的日历(FullCalendar)中的每一天提供一个类。显示的 dateArray 是由 php 构建的字符串，转换为数组。现在我的 .each 函数似乎没有调用。我可以在each之前记录数组，但是一旦我经过.each，什么也不会发生。

function grayDates() {
    var dateArray = ["2014-08-21", "2014-08-22", "2014-08-23", "2014-08-24", "2014-08-25", "2014-08-26", "2014-08-27", "2014-08-28", "2014-08-29", "2014-08-30", "2014-08-31", "2014-09-01", "2014-09-02", "2014-09-03"];
    console.log("this will be displayed in my console");
    $("td").each(function() {
        console.log("this will not be displayed");
        var date = $(this).data("date");
        if(dateArray.indexOf(date) > -1){
            $(this).addClass("vacation");
        }
    });
} 

我像这样在 header 中加载库:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

该函数在库和函数定义后、文档准备好后被调用。 (event = php var 填充了我显示的事件)

$(document).ready(function() {
    grayDates();
    $('#calendar').fullCalendar({
        defaultDate: '<?php echo date("Y-m-d");?>',
        weekends: false,
        editable: true,
        lang: 'nl',
        events: [
            <?php echo $event;?>
            ]
    });
});

不太熟悉 jQuery。有人发现我的错误吗？

Answer 1

试试这个:

$(document).ready(function() {
    $('#calendar').fullCalendar({
        defaultDate: '<?php echo date("Y-m-d");?>',
        weekends: false,
        editable: true,
        lang: 'nl',
        events: [
            <?php echo $event;?>
            ]
    });
    grayDates();
});