如何將函數綁定到通過Ajax加載的元素

我在我的頁面中使用CSS class =「hello」另外我使用Ajax來獲取更多的div以及CSS class =「hello」有一段代碼這是對的div的Click事件被稱爲如下：如何將函數綁定到通過Ajax加載的元素

$('.hello').click(function(){ 
    alert("Hello Clicked"); 
})

它工作正常存在於我的網頁，從開始，但不使用Ajax加載的div工作的DIV。爲了將這一小段代碼與新加載的Divs綁定，我需要做些什麼嗎？

來源

2012-04-12 Raouf Athar

我同意約瑟夫。按照他提供的鏈接閱讀事件代表團。 – 2012-04-12 01:26:51

您應該使用.on將處理程序綁定到綁定執行期間已經存在的另一個元素，例如<body>或document，並讓它檢測到子級事件。但理想情況下，您應該將其綁定到加載的內容的最近公共父級。

demo

//bind to the body a "click" handler for elements that have class names of "hello" 
$('body').on('click','.hello',function(){ 
    alert("Hello Clicked"); 
})

來源

2012-04-12 01:16:45 Joseph

我得到了一個錯誤TypeError：Object [object Object]沒有方法'on'。我的猜測是我使用舊版本的JQuery，我是對的。我從1.6.2升級到1.7.2，現在它工作。謝謝。 – 2012-04-12 01:42:18

如何將函數綁定到通過Ajax加載的元素

回答

相關問題