jquery live绑定时问题

原创 2012年03月27日 20:41:48

 

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

jQuery live 事件绑定性能测试

昨天和我们可爱的后端架构师在争论这个问题,我很多UI组件中大量使用了jQuery live进行事件绑定,众所周知它最直观的好处在于可以一直“监听”我们操作,对于新增的DOM节点也会有效,而不需要重新绑...

关于jquery使用live()方法的问题Uncaught TypeError: $(...).live is not a function

一、出问题原因 在维护旧项目的时候,出现浏览器控制台报错Uncaught TypeError: $(...).live is not a function Uncaught TypeError: $(...

jQuery三种事件绑定方式.bind(),.live(),.delegate()原理对比

.bind(), .live(), 和 .delegate()之间的区别并不明显。但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug。 基础 D...

移动设备safari不支持jquery的live绑定的解决办法

我在开发微信公众号的时候遇到的这个问题,在安卓里用live去绑定事件都没问题,用on也可以,但是到在iphone中的微信里确始终没法响应绑定的事件,后来网上找了些方法,有些可以,有些不行,这里给写下来...

浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法

jQuery 1.7开始,on()方法提供绑定事件处理程序所需的所有功能,是 bind()、live() 和 delegate() 方法的新的替代品。live() 方法在 jQuery 版本 1.7 ...

jquery学习 - 对动态创建的元素进行事件响应(bind, live, delegate)

事件响应其实我们平时对网页上的元素进行响应,例如点击(onclick),更改(onchange)这些事件的时候,都比较简单。因为jquery都封装好了,直接$('elementID').click()...

jQuery事件绑定bind、live、delegate和on的区别

最近写项目页面用了不少jQuery的东西,过程当中对jQuery的事件绑定方法有些疑惑,经过学习各种资料,现在终于明白不少。恰巧有同学和我有一样的疑惑,我正好梳理一下思路,写下本文。如果你也对jQue...

jQuery的三种bind/One/Live/On事件绑定使用方法

本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下   今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从...

jquery live()函数原理及实现

jquery live()函数原理及实现 table{ border-collapse:collapse; ...
  • hbiao68
  • hbiao68
  • 2013年12月04日 10:30
  • 367

jQuery1.9+去除live()后的替代

其实 live() 方法的替代方式已经写入《jQuery性能优化》这篇文章,但是我还是想把它单独写出来:  live() 是jQuery1.3.1版本之后增加的方法,这个方法的功能就是为 新增的DOM...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery live绑定时问题
举报原因:
原因补充:

(最多只允许输入30个字)