angular - 我的全日历工具提示没有结果

Question

我正在使用 primeng 的 fullcalendar 设置事件的工具提示。 当我运行代码时，我看到我的工具提示已初始化到 Web 控制台中，但当我将鼠标移到事件上时却看不到它。

我正在使用 Typescript 进行开发，Primeng 7.0.5 ， Angular 6。 我正在使用 PrimeNg 的 fullcalendar v4.0，并按照 eventRender 中的工具提示示例进行操作。页。

这是我的代码:

贷款.组件.ts

    eventRender: function(info) {
                 let tooltip = new Tooltip(info.el, {
                 title: 'test',
                 placement: 'top',
                 trigger: 'hover',
                 container: 'body'
                 });
                 console.log(tooltip);
             }

loan.component.html

<div id="calendar" class="row col-xl-12">        
    <p-fullCalendar [events]="events" [options]="options"></p-fullCalendar>
</div>

结果进入我的控制台:

    Tooltip {show: ƒ, hide: ƒ, dispose: ƒ, toggle: ƒ, updateTitleContent: ƒ, …}
        dispose: ƒ ()
        hide: ƒ ()
        options: {container: "body", delay: 0, html: false, placement: "top", 
        title: "test", …}
        reference: a.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end
        show: ƒ ()
        toggle: ƒ ()
        updateTitleContent: ƒ (title)
        _events: (2) [{…}, {…}]
        _isOpen: false
        _popperOptions: {}
        _setTooltipNodeEvent: ƒ (evt, reference, delay, options)
        __proto__: Object

目前它已初始化，但当我的鼠标位于事件上时，没有任何附加

你有遇到过这样的问题吗？

Answer 1

问题出在 CSS 上!

我不知道为什么，但是当我将鼠标悬停在工具提示上时，它必须更改其不透明度，但它没有生效。 我手动更改了不透明度值，它是正常的。