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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

MMTTMM 2023-11-13 10:21:39
,我已經掙扎了一段時間了,現在嘗試各種可能的方法使用全日歷在鼠標懸停時添加彈出窗口,所有解決方案要么消除我的日歷,要么不起作用。我試圖在鼠標懸停的任何事件上方添加一個彈出窗口。請幫忙 :(這是我的代碼(添加了一個帶有有效事件標題的警報):<!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" /><!-- Latest compiled and minified CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!-- jQuery library --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><!-- Latest compiled JavaScript --><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 回答

?
莫回無

TA貢獻1865條經驗 獲得超7個贊

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

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

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

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

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


查看完整回答
反對 回復 2023-11-13
  • 1 回答
  • 0 關注
  • 205 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號