javascript - jQuery.eCalendar() - 仅突出显示点击日期

Question

我现在拥有的当前代码突出显示了我单击的每个日期。我只想突出显示特定的点击日期。我怎样才能正确地做到这一点？提前感谢您提供的任何帮助！

var mouseClickEvent = function () {
    $(".c-event-item").hide();
    var d = $(this).attr('data-event-day');
    $('div.c-event[data-event-day="' + d + '"]').show();
    $('div.c-event[data-event-day="' + d + '"]').addClass('c-event-onclick');
    $('div.c-event-item[data-event-day="' + d + '"]').show();
};

这是jsfiddle：https ://jsfiddle.net/51pf3rqv/

标签： javascriptjquerycalendar

Answer 1

您需要先删除c-event-onclick类，然后再添加它。所以，这段代码应该可以工作：

var mouseClickEvent = function () {
    $(".c-event-item").hide();
    $(".c-event").removeClass('c-event-onclick'); // <== add this
    var d = $(this).attr('data-event-day');
    $('div.c-event[data-event-day="' + d + '"]').show();
    $('div.c-event[data-event-day="' + d + '"]').addClass('c-event-onclick');
    $('div.c-event-item[data-event-day="' + d + '"]').show();
};