Javascript 周突出显示在鼠标上方无法正常工作
我正在我的项目中使用fullCalendar。请看下面的小提琴 1) 第一列为周,其余列为天 2) 在“周”列中,我显示了一些随机数。不要考虑日子。 3) 当我将鼠标移到那个星期的数字上时,它将突出显示那个星期的星期五到下星期四(总共7天) 我的期望是: 1) 当我将鼠标移到“td”周时,它将显示一个工具提示 2) 请检查小提琴,如果我在一周的随机数上移动鼠标,这不是星期五到星期四 3) 我的要求是,当我将鼠标移到随机数和特定的“td”上时,它应该突出显示星期五到星期四。当我鼠标离开那个“td”时,我只需要隐藏那个高光Javascript 周突出显示在鼠标上方无法正常工作,javascript,jquery,html,css,fullcalendar,Javascript,Jquery,Html,Css,Fullcalendar,我正在我的项目中使用fullCalendar。请看下面的小提琴 1) 第一列为周,其余列为天 2) 在“周”列中,我显示了一些随机数。不要考虑日子。 3) 当我将鼠标移到那个星期的数字上时,它将突出显示那个星期的星期五到下星期四(总共7天) 我的期望是: 1) 当我将鼠标移到“td”周时,它将显示一个工具提示 2) 请检查小提琴,如果我在一周的随机数上移动鼠标,这不是星期五到星期四 3) 我的要求是,当我将鼠标移到随机数和特定的“td”上时,它应该突出显示星期五到星期四。当我鼠标离开那个“td
var-weekRandom;
var随机;
var eventsArray=[
];
var dayNames=[‘星期日’、‘星期一’、‘星期二’、‘星期三’,
“星期四”、“星期五”、“星期六”];
$(“#日历”).fullCalendar(
{
是的,
周数:对,
是的,
周编号:“周”,
eventLimit:true,//当事件太多时允许“更多”链接
是的,
daynameshort:dayNames,
事件限制:1,
事件:eventsArray,
cc_monthPrev:0,
cc_monthNext:2,
列格式:{
月份:'dddd'、//周一、周三等
周:“dddd,mmmds”//9月7日星期一
day:'dddd,MMM dS'//星期一9/7
},
eventRender:函数(事件,元素){
var html=”“+“欢迎”
+ "" + "";
元素。追加(html);
}
});
$(“td.fc day.fc小部件内容”)
.每个(
功能(索引){
var random=Math.floor(Math.random()*100);
dayRandom=$(此)
.附加(
“”
+随机的
+“%99998/99999”);
});
$(“td.fc周数.fc小部件内容”).prepend(
"工作";;
$(“td.fc周数.fc小部件内容”)
.每个(
功能(索引){
var random=Math.floor(Math.random()*100);
weekRandom=$(本)
.附加(
""
+随机的
+ "%");
});
$($td.fc week number.fc widget content”).find('.weekNo').each(function(){
$(this).on('mouseover',function(){
var weekNo=$(this.text();
var weekNoCustm=weekNo.replace(/[^0-9]/g,”);
console.log('weekNoCustm-----'+weekNoCustm);
如果(weekNoCustm>0){
$(this).parent('.fc week number')。同胞('.fc fri')。addClass('weekHilt');
$(this).parent('.fc week number')。同胞('.fc sat')。addClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc mon')。addClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc tue')。addClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc wed')。addClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc thu')。addClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc sun')。addClass('weekHilt');
}
})
$(this).on('mouseleave',function(){
$(this).parent('.fc week number')。同胞('.fc fri')。removeClass('weekHilt');
$(this).parent('.fc week number')。同胞('.fc sat')。removeClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc mon')。removeClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc tue')。removeClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc wed')。removeClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc thu')。removeClass('weekHilt');
$(this).parent('.fc week number')。最近('.fc week')。next('tr')。find('.fc sun')。removeClass('weekHilt');
})
});
$(.fc工具栏”).css(“显示”、“无”);
$(“.fc小部件内容”)
.在(
“鼠标悬停”,
函数(){
$('#calinfo').addClass('hide');
var data=$(this.html();
var offset=$(this.offset();
$('#calinfo').css('left',offset.left);
$('#calinfo').css('top',(offset.top-40));
$(“#校准信息”)
.html(
“放大:”
+“”
+ ''
+“”
+ ''
+“”
+ ''
+“”
+ '');
//p、 html(“左:“+offset.left+”,顶部:“+offset.top”);
$('#calinfo')。removeClass('hide');
});
$(“.fc周数”).on('mouseover',function(){
//$('#calinfo').addClass('hide');
});
$(“.row”).on('mouseleave',function(){
$('#calinfo').addClass('hide');
});代码>
正文{
边缘顶端:40px;
文本对齐:居中;
字体大小:13px;
字体系列:“Lucida Grande”,Helvetica,Arial,Verdana,无衬线;
}
.标签{
背景颜色:灰色;
颜色:#fff;
左边距:0px;
利润率顶部:8px!重要;
填充:3倍;
最大高度:90px;
溢出:可见;
位置:固定;
z指数:999;
}
.标签:之后{
内容:“;
边框顶部:16px纯红;
左边框:8px实心透明;
右边框:8px实心透明;
位置:绝对位置;
底部:-15px;
左:计算(50%-10px);
}
#历法{
宽度:900px;
保证金:0自动;
}
weekHilt先生{
背景:#1c90f3!重要;
}
开始日期:
结束日期:
这能解决您的问题吗
$("#calendar").on("mouseover", "tr.fc-week", function() {
$(this).addClass("active");
});
$("#calendar").on("mouseout", "tr.fc-week", function() {
$("#calendar tr.fc-week").removeClass("active");
});
并添加以下CSS:
tr.active > td:not(:first-child) {
background-color: red;
}
小提琴:对不起。它不起作用。当我在工具提示div上鼠标悬停时,它也会突出显示该周的周五到下周六。已经有了它的亮点。当我把鼠标放在工具提示上时,它并没有高亮显示。现在请看我上面的小提琴。