gpt4 book ai didi

javascript - PerfectScrollbar 不是 FullCalendar 上的函数

转载 作者:行者123 更新时间:2023-12-03 00:19:26 25 4
gpt4 key购买 nike

我正在尝试在 FullCalendar 上应用 PerfectScrollbar,但遗憾的是我得到了:

PerfectScrollbar is not a function

这很奇怪,因为在我的应用程序的其他地方,PerfectScrollbar 已成功应用。

这是我对 FullCalendar 的实现:

 $calendar = $('#fullCalendar');

$calendar.fullCalendar({
viewRender: function(view, element) {
// We make sure that we activate the perfect scrollbar when the view isn't on Month
if (view.name != 'month') {
$(element).find('.fc-scroller').perfectScrollbar();
}
}, ...

我做错了什么?

更新:

这不会显示错误:

var scroller = $(element).find('.fc-scroller')[0];
var ps = new PerfectScrollbar(scroller, {
wheelSpeed: 2,
wheelPropagation: true,
minScrollbarLength: 20,
suppressScrollX: true
});

但不显示PerfectScrollBar

最佳答案

这个问题有点老了(9个月),但至少对其他人来说仍然相关。

问题在于:1,您定位了错误的“.fc-scroller”(确实有几个),2,perfect-scrollbar 的父项必须具有“position:relative”。

完整日历 v4:

import { Calendar } from '@fullcalendar/core';
import PerfectScrollbar from 'perfect-scrollbar'

const calendar = new Calendar(calendarEl, {
viewSkeletonRender(){
const el = document.querySelector('.fc-body .fc-time-area .fc-scroller')
if (el) {
el.style.overflow = 'hidden'
el.style.position = 'relative'
new PerfectScrollbar(el)
}
}
})

对于 v3,相同的代码片段,但在“viewRender”方法中使用它。就像@sfarzoso 所做的那样。

关于javascript - PerfectScrollbar 不是 FullCalendar 上的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54387423/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com