鼠标悬浮日期上显示日程数量
我需要实现鼠标悬浮在日期显示提示信息,提示信息用了layer插件,提示信息内容是新建的日程数量,效果图如下:
鼠标放在17号显示了当前日期新建了19条日程记录,这里需要在初始化日历的时候,为有日程记录的日期绑定事件,重复绑定的时候,显示的提示信息是不一样的。代码如下:
myCals: function(){var usrid=document.getElementById("userIds").value; //当前用户var nowMonths=document.getElementById("nowMonth").value; //当前月var nowYears=document.getElementById("nowYear").value; //当前年var time=nowYears+"-"+nowMonths; //当前时间$.get("/Liems/xslt/getAjaxText.jsp?&className=net.luculent.liems.l3p.portlets.mycals.Mycals&methodName=getScheduleNum&canshu="+usrid+"&time="+time,null,function(data){for(var i=0;i<data.num.length;i++){ if(data.num[i]!='0'){ $("#"+data.time[i]+"").css("color","red");$("#"+data.time[i]+"").on("mouseover mouseout",function(event){if(event.type == "mouseover"){//鼠标悬浮$.get("/Liems/xslt/getAjaxText.jsp?&className=net.luculent.liems.l3p.portlets.mycals.Mycals&methodName=getScheduleNumByDay&canshu="+usrid+"&time="+event.target.id,null,function(datas){ var dates=$("#"+event.target.id+"");layer.tips('您有'+datas.num+'条日程记录!',dates,{tips: [2, '#3595CC'],time: 4000});},"json");}else if(event.type == "mouseout"){layer.closeAll('tips'); //关闭所有的tips层 }});}}},"json");},
之前一直没有明白绑定事件后执行的方法,是在触发的时候才执行里面的方法,不是重复绑定事件,给它一个值