0

https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Ffullcalendar.io%2Fdocs%2Fevent-tooltip-demo

在我得到一个可点击的气泡之前，我只是想让任何气泡工作。这个演示已经被踢来解决我的问题，但我似乎无法让它工作。

我的怀疑是 eventDidMount 和工具提示代码段发生了什么事。我不确定我是否正确导入了工具提示 js。我也不确定我是否为 info.event.extendedProps.description 调用了正确的东西。这是什么参考？我尝试引用其他内容，例如 info.event.extendedProps.id，但它就像悬停甚至没有被识别。将鼠标悬停在事件上时，控制台中没有任何反应。

我没有添加 fullCalendar 导入，因为我在本地拥有它，但我已将以下内容添加到我的代码中。

<script src='https://unpkg.com/popper.js/dist/umd/popper.min.js'></script>

<script src='https://unpkg.com/tooltip.js/dist/umd/tooltip.min.js'></script>

然后在我的 var calendar = new FullCalendar.Calendar(calendarEl, {... 我添加了：

        eventDidMount: function(info) {
        var tooltip = new Tooltip(info.el, {
            title: info.event.extendedProps.description,
            placement: 'top',
            trigger: 'hover',
            container: 'body'
        });
    },

我还将示例中指定的 CSS 添加到我的 main.css 文件中。

在我的日历功能中，我也有

events:  json_of_all_events,

其中 json_of_all_events 是一个包含数组的对象

{id: 'a', resourceId: 'b', title: 'c', start:'sdate', end:'edate'}

并且事件显示正常。

控制台只有警告：

index.html:132 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/. loadJSON @ index.html:132 (anonymous) @ index.html:150 init @ index.html:149 (anonymous) @ index.html:164

16[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL> index.html:161 [Violation] 'DOMContentLoaded' handler took 192ms

DevTools failed to load SourceMap: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/atoms.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/polyfills.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/escape.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/playback.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/record.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
4

0 回答 0