jquery - 如何在 Fullcalendar 工具提示中动态显示循环子事件?
问题描述
我想在 Fullcalendar 插件中悬停事件时显示工具提示,但我只想按索引的工具提示顺序显示子事件。
如果我的 json 是这样的:
[{
"title":"event A,
"start":"2020-07-29",
"end":"2020-07-29",
"extendedProps":{"subevent":"sub 1","subevent":"sub 2","subevent":"sub 3"},
}, {
"title":"event B,
"start":"2020-07-30",
"end":"2020-07-30",
"extendedProps":{"subevent":"sub 4","subevent":"sub 5"}]
这是我的 eventMouseEnter:
eventMouseEnter: function(info) {
var tis=info.el;
var popup=info.event.extendedProps;
var tooltip = '<div class="tooltipevent" style="top:'+($(tis).offset().top-5)+'px;left:'+
($(tis).offset().left+($(tis).width())/2)+'px"><div>Name ' + popup.title + '</div><div>sub event ' + popup.subevent + '</div></div>';
var $tooltip = $(tooltip).appendTo('body');
}
如何像这样动态显示我的子事件? 示例图片
谢谢你。
最好的祝福,
埃卡
解决方案
eventMouseEnter: function(info) {
var tis=info.el;
var popup=info.event.extendedProps;
var detail=info.event.extendedProps.itenery;
var arrayLength = detail.length;
for (var i = 0; i < arrayLength; i++) {
var str = detail.join('<br/><br/> ');
}
var tooltip = '<div class="tooltipevent" style="top:'+
($(tis).offset().top-5)+'px;left:'+($(tis).offset().left+($(tis).width())/2)+'px">
<div>' + popup.title + '</div><div>' + str + '</div></div>';
var $tooltip = $(tooltip).appendTo('body');
}
推荐阅读
- csv - 转换 csv 文件头
- emacs - Emacs 首次启动不会安装 package-selected-packages 中的所有包
- php - MySQL 触发器不会触发
- java - MAVEN BUILD FAILURE: 未能执行目标 org.apache.maven.plugins:maven-compiler-plugin:3.0:compile (default-compile) : 编译失败
- python - Ansible:如何将列表转换为整数
- google-cloud-platform - 谷歌云语音到文本 API - 文本输出包含空格或连字符
- chart.js - 在图表顶部覆盖文本消息
- tensorflow - 使用 TensorFlow 进行二值图像分类
- yii2 - 添加新的 yii2 动态表单时如何不重复输入字段的值?
- android-ndk - Crashlytics NDK 上传错误,但不显示?