我正在使用来自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
目前它被初始化但是当我的鼠标在事件上时,没有任何附加物
你有这样的问题吗?
问题来自CSS!
我不知道为什么但工具提示在我悬停时必须改变其不透明度但它没有生效。我手动更改了不透明度值,它是fonctionnal。