我的fullcalendar工具提示没有结果

问题描述 投票:1回答:1

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

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

有我的代码:

loan.component.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

目前它被初始化但是当我的鼠标在事件上时,没有任何附加物

你有这样的问题吗?

angular typescript fullcalendar tooltip primeng
1个回答
2
投票

问题来自CSS!

我不知道为什么但工具提示在我悬停时必须改变其不透明度但它没有生效。我手动更改了不透明度值,它是fonctionnal。

© www.soinside.com 2019 - 2024. All rights reserved.