用ajax动态添加多个div(class="txdiv"),里面有不同的id号和数据,当鼠标移动到其中的某个div,并在上面停留2秒钟以后,另外一个隐藏的div(id="message")显示出来,并在其中显示鼠标经过的div中的数据。当鼠标移出div(class="txdiv"),隐藏div(id="message")。      $(".txdiv").live("mouseover",function(){
    
         $("#m_saytext").val("发悄悄话...").css({"color":"#999","text-align":"left","font-size":"12px"});
         $("#get_name").val($(this).attr("username"));
         $(".d1 img").attr("src",$(this).attr("photo"));
         $(".p-about").html($(this).attr("about"));
         setTimeout(function(){$("#message").show();},1000);
     })

解决方案 »

  1.   

    问题是我还要操作message图层,因为鼠标离开了取数据的div,没等移动到它就消失了。还有动态生成的div很多,我要获取id=1的数据,结果鼠标经过了鼠标div,数据立刻跟着变了,以上这些问题有没有什么好的解决办法?
      

  2.   

    说的不太清楚,主要功能就是参看会员信息并可以发送消息,和 http://movie.mtime.com/150378/ 页面差不多。
      

  3.   

    1、自动添加的div时,同时添加鼠标移入移出事件,
    2、在移入移出事件里面做你所说的判断,至于你说的div跟着变的问题,主要是你对每个div都执行了相同的操作,可以通过事件里面添加条件判断是否执行操作
      

  4.   

    楼上说的和我做的区别不大,先绑定和后绑定执行结果都是一样的啊。另外确实每个div都有事件,但没有判断条件,确实都需要。
    我只需要实现指向头像弹出用户信息层,可以在该层里面留言。鼠标停留两秒出现信息层,如果没有移动到信息层而移动到了别的地方,信息层就消失。用延迟执行语句只是延迟显示,实际上鼠标经过就读取了数据,而我需要的是少于两秒内滑过div就不做任何处理。