Mam problem z appendem kodu, który ma też w sobie odpalać funkcje javascriptowe.
To jest żądanie, do .list_items ma się dodać kolejny wiersz.
Kod
$.post('functions/ajax/users.php?mode=getedit', {
dataType: 'xml',
first_name: $('#add_user_form [name=first_name]').val(),
last_name: $('#add_user_form [name=last_name]').val(),
email: $('#add_user_form [name=email]').val()
}, function(data_user) {
$('.list_items').append($(data_user).find('html_code').html());
});
To jest kod html który ma zostać dodany do .list_items (oczywiście zwracany z php z podstawionymi już danymi...):
Kod
<div class="row" id="user_'.$rows['id_user'].'">
<div class="row_name">'.$rows['first_name'].' '.$rows['last_name'].'</div>
<div class="row_email"><a href="mailto:'.$rows['email'].'">'.$rows['email'].'</a></div>
<div class="row_actions">
<a href="#'.$rows['id_user'].'" class="edit_user"><img src="templates/default/images/ico_small_edit.png" /></a>
<a href="#'.$rows['id_user'].'" class="confirm_delete_user"><img src="templates/default/images/ico_small_delete.png" /></a>
</div>
</div>
<div class="row_name">'.$rows['first_name'].' '.$rows['last_name'].'</div>
<div class="row_email"><a href="mailto:'.$rows['email'].'">'.$rows['email'].'</a></div>
<div class="row_actions">
<a href="#'.$rows['id_user'].'" class="edit_user"><img src="templates/default/images/ico_small_edit.png" /></a>
<a href="#'.$rows['id_user'].'" class="confirm_delete_user"><img src="templates/default/images/ico_small_delete.png" /></a>
</div>
</div>
W linkach klasy "edit_user" i "confirm_delete_user" są nasłuchiwane przez jquery i po kliknięciu są odpalane odpowiednie funkcje.
Funkcje odpalają się bez problemu, jednak gdy dodam appendem kolejny wiersz, te elementy nie są nasłuchiwane. Działa to dopiero po odświeżeniu strony...
Co zrobić, żeby było to też nasłuchiwane i kod jquery się odpalał?