慕蓋茨4494581
2022-06-16 15:23:15
嘿,我已經(jīng)苦苦掙扎了一段時(shí)間,現(xiàn)在嘗試各種可能的方法來(lái)使用全日歷在鼠標(biāo)懸停時(shí)添加一個(gè)彈出窗口,所有解決方案要么消除我的日歷,要么不起作用。我正在嘗試在鼠標(biāo)懸停的任何事件上方添加一個(gè)彈出窗口。請(qǐng)幫忙 :(這是我的代碼(添加了一個(gè)帶有有效事件標(biāo)題的警報(bào)):<!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 回答
慕俠2389804
TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊
由于您似乎使用的是 bootstrap 3,因此您不需要 popper.js 或 tooltip.js,或任何相關(guān)的 CSS。只需使用引導(dǎo)程序的內(nèi)置工具提示功能:https ://getbootstrap.com/docs/3.4/javascript/#tooltips 。
您可以在回調(diào)期間將工具提示附加到 fullCalendar 事件eventRender。
我希望這樣的事情應(yīng)該有效:
eventRender: function(info)
{
$(info.el).tooltip({ title: info.event.title });
}
注意要獲得更復(fù)雜的布局,或在顯示的內(nèi)容中添加更多信息,您還可以考慮使用彈出框。設(shè)置幾乎相同。
添加回答
舉報(bào)
0/150
提交
取消
