jQuery onclick не работает в загруженном классе

Question

У меня есть простой скрипт, где я переключаю div.

<div id='csupport'></div> 
<script> 
$(document).ready(function() {  
    $("#csupport").load("csupport.php .email-item"); 
    $(".writee, .reply").click(function() { 
    $(".format").toggle(); 
    }); 
}); 
</script> 

Проблема заключается в том, что функция переключения не работает для .reply класса. Класс ответа вытягивается из csupport.php. Любая идея, как заставить его работать?

Answer 1

Если элементы добавляются на страницу динамически, вы должны использовать JQuery .На() или .OFF() для связывания событий для динамических вещей, как это:

$("body").on("click", ".reply", function() { 
    $(".format").toggle(); 
}); 

Answer 2

Как вы загружаете контент через .load(), поэтому .reply и .writee элементов добавление к #csupport после загрузки страницы, что делает их динамические элементы. Итак, вам нужна делегирование событий (например, привязка к событиям в реальном времени). Попробуйте это:

$("body").on("click", ".reply", function() { 
    $(".format").toggle(); 
});