关闭

jquery live绑定时问题

标签: jquerydivfunction文档class产品
620人阅读 评论(0) 收藏 举报
分类:

 

由于循环动态增加.当鼠标移动上去,老是显示的最后一个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坐标,并且显示
    });

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:409270次
    • 积分:5355
    • 等级:
    • 排名:第5052名
    • 原创:154篇
    • 转载:106篇
    • 译文:0篇
    • 评论:45条
    文章分类
    最新评论