jQuery .eCalendar () - только подсветить дату клика

Question

Текущий код, который я теперь выделяю, при каждой дате нажатия. Я хочу выделить только указанную дату c. Как я могу сделать это правильно? Заранее благодарим за любую помощь, которую вы можете предоставить!

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/

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();
};