У меня нет результата для моей полной подсказки календаря

Question

Я устанавливаю всплывающие подсказки на события с полным календарем от primeng.Когда я запускаю свой код, я вижу мою подсказку, инициализированную в веб-консоли, но не вижу ее, когда наведу курсор мыши на событие.

Я занимаюсь разработкой с Typescript, Primeng 7.0.5, Angular 6. Я использую fullcalendar v4.0 от PrimeNg и следую примеру подсказки, который находится на странице 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

На данный момент этоинициализируется, но когда моя мышь находится на событии, ничего не добавляется

У вас когда-нибудь возникала такая проблема?

Answer 1

Проблема исходит от CSS!

Я не знаю почему, но всплывающая подсказка должна менять свою непрозрачность при наведении курсора, но она не вступает в силу.Я вручную изменил значение непрозрачности, и оно стало функциональным.