Question

jquery：容器内容改变后。mouseover事件失效！

<div id="con"><img src="1.gif" class="right_wupin" ></div><span></span>

js 代码

var toolimg=$(".right_wupin")
toolimg.mouseover(function()
{
$(".tooltip_con")[0].innerHTML="Loading...";
}

上面这段代码的问题在于我重新用ajxa把#con 的内容里的图片改变后。这个toolimg.mouseover就木有一点反应了。完全失效了啊。这个请问怎么解决。在网站上查了一下。有一些人说要重新绑定。不太懂哦！

Answer 1

肯定啊。

举个简单例子：

第一天：你在街上买苹果，先交钱，再给你苹果

第二天：你还上街买苹果，你不交钱，别人能给你苹果吗？

这个交钱动作就是事件。。。

img已经不是原来的img，所以事件需要从新绑定。

建议你用jquery。

用live绑定事件。这种问题就不存在了。

$(function(){
    $('#con img').live('mouseouer',function(){
         $(".tooltip_con").html("Loading...");
    })
})

Answer 2

$(".right_wupin").live("mouseover",function(){
    $(".tooltip_con")[0].innerHTML="Loading...";
});

Answer 3

$（“＃NO1”）。将鼠标悬停（函数（）{

$（“＃1号”），CSS（“光标”，“指针”）;

}）;
$（“的＃1号” ）。点击（函数（）{$（“＃S2”）。毫秒数值（）;}）;