Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 周突出显示在鼠标上方无法正常工作_Javascript_Jquery_Html_Css_Fullcalendar - Fatal编程技术网

Javascript 周突出显示在鼠标上方无法正常工作

Javascript 周突出显示在鼠标上方无法正常工作,javascript,jquery,html,css,fullcalendar,Javascript,Jquery,Html,Css,Fullcalendar,我正在我的项目中使用fullCalendar。请看下面的小提琴 1) 第一列为周,其余列为天 2) 在“周”列中,我显示了一些随机数。不要考虑日子。 3) 当我将鼠标移到那个星期的数字上时,它将突出显示那个星期的星期五到下星期四(总共7天) 我的期望是: 1) 当我将鼠标移到“td”周时,它将显示一个工具提示 2) 请检查小提琴,如果我在一周的随机数上移动鼠标,这不是星期五到星期四 3) 我的要求是,当我将鼠标移到随机数和特定的“td”上时,它应该突出显示星期五到星期四。当我鼠标离开那个“td

我正在我的项目中使用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上鼠标悬停时,它也会突出显示该周的周五到下周六。已经有了它的亮点。当我把鼠标放在工具提示上时,它并没有高亮显示。现在请看我上面的小提琴。