javascript - FullCalendar dayClick 不触发

Question

当 dayClick 函数在某些单元格滚动的页面上没有触发时，我遇到了问题，而其他单元格则很好。基本上它在没有滚动的页面上很好，但是在有页面的较长内容上它会导致问题。

Answer 1

我发现有两个函数可以定义网格中的单元格位置(fullcalendar 2.5.0 版本):

'getHorizo​​ntalIndex' 和 'getVerticalIndex'

函数 'getVerticalIndex' 返回 'undefined' 因为鼠标 'topOffset' 位置超出 'boundingRect' 维度，所以在深入挖掘后我发现函数 'getScrollParent'(第 297 行)负责查找顶部父元素。

function getScrollParent(el) {
    var position = el.css('position');
    var scrollParent = el.parents().filter(function() {
        var parent = $(this);
        return (/(auto|scroll)/).test(
            parent.css('overflow') + parent.css('overflow-y') + parent.css('overflow-x')
        );
    }).eq(0);

    return position === 'fixed' || !scrollParent.length ? $(el[0].ownerDocument || document) : scrollParent;
}

并且因为在我的 css 中没有带有 css 'overflow:scroll' 或 'overflow:auto' 的元素，我的父元素是 'html'，其高度被检测为没有滚动的高度。解决方案很简单 - 指定“溢出:自动；”在 css 中用于日历元素。例如，如果您有如下代码:

<div id="mycalendar"></div>

(function(){
    $("#mycalendar").fullCalendar({});
})();

添加样式“溢出:自动；”对于“mycalendar”div。