重复绑定mouseover和mouseout事件

鼠标悬浮日期上显示日程数量

       我需要实现鼠标悬浮在日期显示提示信息,提示信息用了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");
			},

 
   之前一直没有明白绑定事件后执行的方法,是在触发的时候才执行里面的方法,不是重复绑定事件,给它一个值

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值