Javascript 将鼠标悬停在fullCalendar V4中的事件上时,可单击气泡弹出窗口

Javascript 将鼠标悬停在fullCalendar V4中的事件上时,可单击气泡弹出窗口,javascript,html,fullcalendar,tooltip,fullcalendar-5,Javascript,Html,Fullcalendar,Tooltip,Fullcalendar 5,在我开始制作一个可点击的泡泡之前,我只是想让任何泡泡都能工作。这个演示已经被用来解决我的问题,但我似乎无法让它工作 我怀疑eventDidMount和工具提示代码有问题。我不确定是否正确导入了工具提示js。我也不确定我是否为info.event.extendedProps.description调用了正确的东西。这是什么?我试着引用其他东西,比如info.event.extendedProps.id,但好像悬停甚至没有被识别出来。鼠标悬停在事件上时,控制台中不会发生任何事情 我没有添加fullC

在我开始制作一个可点击的泡泡之前,我只是想让任何泡泡都能工作。这个演示已经被用来解决我的问题,但我似乎无法让它工作

我怀疑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>
我还将示例中指定的CSS添加到main.CSS文件中

在我的日历功能中,我还有

events:  json_of_all_events,
其中,所有事件的json_是一个包含

{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
index.html:132[Deprecation]主线程上的同步XMLHttpRequest已被弃用,因为它会对最终用户的体验产生有害影响。如需更多帮助,请查看https://xhr.spec.whatwg.org/. loadJSON@index.html:132(匿名)@index.html:150 init@index.html:149(匿名)@index.html:164
16[违规]将非被动事件侦听器添加到滚动阻止事件。将事件处理程序标记为“被动”以使页面更加响应。请参阅index.html:161[违规]“DOMContentLoaded”处理程序耗时192ms
DevTools未能加载SourceMap:无法加载chrome的内容-extension://mooikfkahbdckldjjndioackbalphokd/assets/atoms.js.map: HTTP错误:状态代码404,net::ERR\u未知\u URL\u方案
DevTools未能加载SourceMap:无法加载chrome的内容-extension://mooikfkahbdckldjjndioackbalphokd/assets/polyfills.js.map: HTTP错误:状态代码404,net::ERR\u未知\u URL\u方案
DevTools未能加载SourceMap:无法加载chrome的内容-extension://mooikfkahbdckldjjndioackbalphokd/assets/escape.js.map: HTTP错误:状态代码404,net::ERR\u未知\u URL\u方案
DevTools未能加载SourceMap:无法加载chrome的内容-extension://mooikfkahbdckldjjndioackbalphokd/assets/playback.js.map: HTTP错误:状态代码404,net::ERR\u未知\u URL\u方案
DevTools未能加载SourceMap:无法加载chrome的内容-extension://mooikfkahbdckldjjndioackbalphokd/assets/record.js.map: HTTP错误:状态代码404,net::ERR\u未知\u URL\u方案

info.event.extendedProps.description。这是什么引用?
…它引用事件对象中的自定义“description”属性-但仅当您实际将一个属性放在其中时,而您没有。您可以随时使用事件标题,也可以使用工具提示中包含的CSS?它没有自己的内置功能。在工具提示演示中(这里有一个链接,它确实有效,顺便说一下:),您将看到一些CSS直接添加到演示中(而不是来自文件)。在屏幕上看到任何工具提示之前,您需要CSS或您自己对其进行的修改。那是你说你抄的吗?
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