2

по нажатию на .delete-input должен удаляться элемент с #add"+rel

Вот пример

$('.delete-input').on('click', 'a', function() {
  var rel = $(this).attr("rel");
  $("#add" + rel).fadeOut(300, function() {
    $("#add" + rel).remove();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<li id="add2" class="addimages str">
  <a class="delete-input" rel="2">Удалить</a>
</li>

5
  • Зачем меняете код в вопросе с неработающего на работающий? В чем тогда вопрос?
    – user176262
    20 апр 2017 в 20:27
  • @Igor, проверял работает ли вариант или нет, сейчас обратно изменю, дело в том что у себя я попробовал убрать 'a' и все равно не работает, а тут все работает... 20 апр 2017 в 20:32
  • Заработало у Вас?
    – user176262
    20 апр 2017 в 20:53
  • @Igor, нет, дело в том что эту строки изначально не существует, по нажатию добавит она появляется, а по нажатию на удалить исчезать, но дело в том что если при загрузки страницы строка будет существовать, то она удалить, а добавленные строки не удаляются. Есть на первой сайте рабочий вариант, так все без ошибок, а вот решил такое же реализовать на другом сайте, но там уже не работает, хотя все одинаково, нет разницы в коде что на 1 что на 2 сайте 20 апр 2017 в 21:19
  • Это другое дело. Сейчас добавлю в ответ.
    – user176262
    20 апр 2017 в 21:21

1 ответ 1

1

Уберите 'a', из

$('.delete-input').on('click', 'a', function(){ ...

В Вашем html '.delete-input' и есть а.

Update

В свете новой информации, будем использовать делегирование для обработки кликов на элементах, которых не существует в момент регистрации обработчика:

$(document).on('click', '.delete-input', function(){ ...
3
  • спасибо большое, работает, но не могу понять почему.., как я и говорил что на первом сайте вариант $('.delete-input').on('click', function(){ работает и в момент регистрации обработчика не существует .delete-input, как это можно объяснить? 20 апр 2017 в 21:27
  • @harbor Не видя кода, это объяснить трудно. Возможно, регистрация обработчика вызывается все-таки не при загрузке страницы (в $(document).ready(...)), а после создания соответствующих элементов.
    – user176262
    20 апр 2017 в 21:30
  • ну ладно, надо будет побольше изучить это, спасибо большое 20 апр 2017 в 21:47

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.