如何附加動態html的事件回調

嗨我有一個jQuery的onload函數，附加一個基於類名的一些內聯鏈接的鼠標功能調用，也我會加載一些html內容動態使用ajax，但基於以上的類名函數調用附件不能正常使用的動態HTML，如何解決這個..如何附加動態html的事件回調

我的代碼如下所示（實際上在我的代碼加載圖像，而不是簡單的鏈接）

 

$(function(){ 
    $(".highlight").mouseover(function(){ 
     $(this).css("background-color", "rgb(255,255,0)"); 
    }); 

    $(".highlight").mouseout(function(){ 
     $(this).css("background-color", "rgb(255,255,255)"); 
    }); 


}); 

$(function(){ 
     //ajax call 
     // set the ajax return value inside dynamic div 
    $(".dynamic").html(""+new Date()+""); 
}); 

<body> 
    <div> 
     <a href="#" class="highlight">link1</a> 
     <a href="#" class="highlight">link2</a> 
     <a href="#" class="highlight">link3</a> 
    </div> 
    <div class="dynamic"></div> 
</body<

謝謝 venkat papana

來源

2011-03-18 Venkat Papana

jQuery live（）功能可能會滿足您的需求。

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

來源

2011-03-18 18:15:54

這是偉大的工作添加鼠標懸停.. :)非常感謝你戴夫 – 2011-03-18 18:29:17

很高興聽到它！ ...你可以感謝jQuery podcast瞭解它的任何事情:-) – 2011-03-18 18:32:57

您需要綁定使用http://api.jquery.com/live/它適用於任何未來的元素，以及當前與你的某個事件。

來源

2011-03-18 18:17:24 Ant

是的，它是工作謝謝螞蟻。 – 2011-03-18 18:32:18

你需要.live() method

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

這將在每個<a>你追加之後

來源

2011-03-18 18:17:49 Teneff

謝謝@teneff – 2011-03-18 18:32:36

如何附加動態html的事件回調

回答

相關問題