已解決430363個問題，去搜搜看，總會有你想問的

在 JS 中使用 fullcalendar 在鼠標懸停/輸入事件時添加帶有事件詳細信息的彈出窗口

首頁猿問在 JS 中使用...

在 JS 中使用 fullcalendar 在鼠標懸停/輸入事件時添加帶有事件詳細信息的彈出窗口

JavaScript

慕蓋茨4494581 2022-06-16 15:23:15

嘿，我已經苦苦掙扎了一段時間，現在嘗試各種可能的方法來使用全日歷在鼠標懸停時添加一個彈出窗口，所有解決方案要么消除我的日歷，要么不起作用。我正在嘗試在鼠標懸停的任何事件上方添加一個彈出窗口。請幫忙：（這是我的代碼（添加了一個帶有有效事件標題的警報）：<!DOCTYPE html><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><script src="../Scripts/ajaxCalls.js"></script><link href="../Style/jquery.dataTables.min.css" rel="stylesheet" /><link href="../Style/StyleSheet.css" rel="stylesheet" /><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script><script src="https://code.jquery.com/jquery-3.3.1.js"></script><script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script><meta charset="utf-8" /><title>Schieffer - Home</title>

查看完整描述

1 回答

慕俠2389804

TA貢獻1719條經驗獲得超6個贊

由于您似乎使用的是 bootstrap 3，因此您不需要 popper.js 或 tooltip.js，或任何相關的 CSS。只需使用引導程序的內置工具提示功能：https ://getbootstrap.com/docs/3.4/javascript/#tooltips 。

您可以在回調期間將工具提示附加到 fullCalendar 事件eventRender。

我希望這樣的事情應該有效：

eventRender: function(info)

{

$(info.el).tooltip({ title: info.event.title });

}

注意要獲得更復雜的布局，或在顯示的內容中添加更多信息，您還可以考慮使用彈出框。設置幾乎相同。

反對回復 2022-06-16

1 回答
0 關注
631 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在 JS 中使用 fullcalendar 在鼠標懸停/輸入事件時添加帶有事件詳細信息的彈出窗口

在 JS 中使用 fullcalendar 在鼠標懸停/輸入事件時添加帶有事件詳細信息的彈出窗口

1 回答

添加回答