如何为动态html附加事件回调

Question

嗨 我有一个 jQuery onload 函数，它根据类名在鼠标悬停的一些内联链接上附加一个函数调用，我还将使用 ajax 动态加载一些 html 内容，但上述基于类名的函数调用附件不适用于动态html，如何解决这个问题..

我的代码如下所示（实际上在我的代码中我加载的是图片而不是简单的链接）

$(函数(){ $(".highlight").mouseover(function(){ $(this).css("背景色", "rgb(255,255,0)"); }); $(".highlight").mouseout(function(){ $(this).css("背景色", "rgb(255,255,255)"); }); }); $(函数(){ //ajax调用 // 设置动态div里面的ajax返回值 $(".dynamic").html(""+new Date()+""); });

link1 link2 link3

正文

谢谢 文卡特帕帕纳

Answer 1

你需要.live() method

$('.dynamic a').live('mouseover', function(){
   $(this).css({border: '1px solid red'});
});

这将在您附加后在每个 <a> 上添加鼠标悬停

Answer 2

您需要使用http://api.jquery.com/live/ 绑定您的事件，它适用于任何未来元素以及当前元素。

Answer 3

jQuery live() 功能可以满足您的需求。

http://api.jquery.com/live/