嘿，我已经苦苦挣扎了一段时间，现在尝试各种可能的方法来使用全日历在鼠标悬停时添加一个弹出窗口，所有解决方案要么消除我的日历，要么不起作用。我正在尝试在鼠标悬停的任何事件上方添加一个弹出窗口。请帮忙 ：（这是我的代码（添加了一个带有有效事件标题的警报）：<!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贡献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 });
}
注意要获得更复杂的布局，或在显示的内容中添加更多信息，您还可以考虑使用弹出框。设置几乎相同。
添加回答
举报
0/150
提交
取消