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()的区别与使用

原文地址:http://www.cnblogs.com/mrjungle-home/p/jungle_chang.html 使用jquery有一段时间了,刚开始看别人的源代码的时候对事件的绑定方法...

jQuery 2.0.3 源码分析 事件绑定 - bind/live/delegate/on

事件(Event)是JavaScript应用跳动的心脏,通过使用JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应 事件的基础就不重复讲解了,本来是定位源...

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳...

BIND?LIVE?DELEGATE?还是ON?–JQUERY事件绑定方法研究

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

jQuery 中bind(),live(),delegate(),on() 区别

原文链接点击此处  先说dark的结论吧:就是尽量 当我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的...

Jquery click/bind/live/delegate/on事件,阻止默认事件,以及插件的写法

几种常见事件介绍,阻止事件传递的三种写法,插件的编写模板

jquery中live和bind的区别

记录一下,今天在项目中碰到的问题,页面中用bind绑定了click方法,但是页面局部刷新后(通过分页取下一页数据),再点击页面中某条数据的编辑按钮,没效果,以前没怎么注意,见jquery API说的很...

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

jQuery 1.7开始,on()方法提供绑定事件处理程序所需的所有功能,是 bind()、live() 和 delegate() 方法的新的替代品。live() 方法在 jQuery 版本 1.7 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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