jquery live绑定时问题

 

由于循环动态增加.当鼠标移动上去,老是显示的最后一个img的值,老是显示最后一个图片.

    var imgpath = $("#pcimage").attr("src");
     var imaghref="<a href="+imgpath+" class='tooltip'>";
     var pcimage="<div id=pcimage"+rownum+">"+imaghref+"<img src="+imgpath+" height='40' width='38'/></a></div>";

 

$('a.tooltip').live('mouseover', function(e) {
   //这是当时点的.
  this.imgTitle = this.title;
  this.title = ""; 
  var imgTitle = this.imgTitle? "<br/>" + this.imgTitle : "";
  var tooltip = "<div id='tooltip'><img src='"+ this.href +"' alt='预览图'/>"+imgTitle+"<\/div>"; //创建 div 元素
  $("body").append(tooltip); //追加到文档中      
  $("#tooltip")
   .css({
    "top": (e.pageY+y) + "px",
    "left":  (e.pageX+x)  + "px"
   }).show("fast");   //设置x坐标和y坐标,并且显示
    }); 

 

 

于是把改成下面e.target,就正常了,显示是增加 图片

 $('a.tooltip').live('mouseover', function(e) {
   //这是这个事件的.

  //e.target
   var tooltip = "<div id='tooltip'><img src='"+ e.target.href +"' alt='产品预览图'/>"+imgTitle+"<\/div>"; //创建 div 元素  

  $("body").append(tooltip); //追加到文档中      
  $("#tooltip")
   .css({
    "top": (e.pageY+y) + "px",
    "left":  (e.pageX+x)  + "px"
   }).show("fast");   //设置x坐标和y坐标,并且显示
    });

阅读更多
个人分类: JS
上一篇jquery 禁用a标签click事件
下一篇js正整数
想对作者说点什么? 我来说一句

免费的vpn小白兔软件

2011年06月08日 978KB 下载

没有更多推荐了,返回首页

关闭
关闭