Не срабатывает click
Замылились глаза или мозги. Вообще плохо знаю JS.
Загружаю картинки на сервер. В конце загрузки вывожу в <div> загруженные изображения. Рядом с каждой картинкой выводится картинка "Удалить"
<div class="img-reply" id="img-reply"></div>
(function($){
//загрузка файлов
img_name += '<br><img style="max-width: 500px; height: auto" src="/catalog/controller/extension/module/comment_img-uploads/product_id_' + product_id + '/' + fileName(val) + '"> <img id="delfile" src="/image/review/delete.png" width="20" height="20" alt="Удалить" />';
$('.img-reply').html( img_name );
})(jQuery)
Если в теге картинки "Удалить" пишу onclick="alert('тра-ля-ля')", работает. А так не работает:
<script>
$(function() {
$('#delfile').click(function() {
alert('Тра-ля-ля');
});
})
</script>
Вообще где эта функция должна находиться? В новой оболочке jquery? Внутри той же функции? Что я делаю не так? |
Удалить что?
|
Цитата:
В принципе, как удалить, я знаю. Но не захватывается событие клик, чтобы функцией jquery удалить файл и картинку со страницы. |
Эдди,
И у всех картинок "Удалить" id="delfile" ? |
Цитата:
А предпросмотр загруженного, то что отображено на клиенте, это удалить можно. Если пердпросмотр это <div class="img-reply" id="img-reply"></div>, то ('#img-reply').empty() |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<img src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" class="img"> <img src="" alt="Удалить"><br>
<img src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" class="img"> <img src="" alt="Удалить"><br>
<img src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" class="img"> <img src="" alt="Удалить"><br>
<script>
$(function() {
$('[alt="Удалить"]').click(function() {
$(this).prev('.img').remove();
});
})
</script>
</script>
</body>
</html>
|
j0hnik,
это видимо кнопка вызова операции удаления. |
Цитата:
|
j0hnik,
Ай спасибо!!! Ща буду пробовать. А в чем у меня была ошибка? И еще. Удалить надо не только картинку, но и "кнопку" удалить рядом с этой картинкой. В див вставить и див удалить? |
Эдди,
предполагаю, что на момент выполнения данного кода
$('#delfile').click(function() {
alert('Тра-ля-ля');
});
кнопки на странице еще нет, и обработчик не вешается. |
| Часовой пояс GMT +3, время: 21:31. |