Удалите приложенное Отделение, на щелчке (JQuery)

У меня есть что-то вроде проблемы при удалении приложенных отделений по щелчку кнопки.

Когда я использую, скрываются (), я получаю правильное поведение эстетически, но оно на самом деле не удаляет новое отделение, которое я хочу, поскольку эти данные будут становиться посланными в веб-сервис.

JQuery:

$('a.addListOVM').click(function(e){    
    e.preventDefault();         
    $('.addCardOVM').append('<div class="divform">' + '-</div>');

    $('.removed').click(function(e){            
        e.preventDefault();
        $(this).closest('.divform').hide();
    });                     
});

HTML шаблона:

<div class="divform">
 
+ 
</div>

Сама кнопка динамично произведена (см. 3-ю линию), и на щелчке, я хочу, чтобы он удалил то определенное приложенное отделение, не закрывая целое окно, которое это, кажется, делает, когда я использую .remove() вместо скрываются() .

Так, может любой говорить мне:

  1. , Почему использование удаляет() вместо, скрывается (), закрывает мое целое окно шаблона вместо того, чтобы удалить то отдельное отделение, как скрываются (), Похож, это делает.

  2. Да ведь когда я создал многократные случаи приложенного отделения, делает укладчика щелчка .removed, названы многократно (если вы создаете два случая, удаляете тот, это образовывает петли до однажды, удалите второе, которое это закрепляет петлей через дважды и т.д.),

  3. , Как я могу получить физическую функциональность, скрывается (), на самом деле удаляя приложенное отделение?

Спасибо

1
nl ja de
Пожалуйста, отправьте больше своего HTML. Ваш код работает на меня, но у вас мог бы быть больше к вашему.
добавлено автор Tim B James, источник

2 ответы

1. То, почему использование удаляет() вместо, скрываются() закрывает мое целое окно шаблона вместо того, чтобы удалить то отдельное отделение, как скрываются (), Похож, это делает.

Я не знаю то, что вы подразумеваете под окном шаблона, таким образом, я не могу действительно помочь здесь.

2. Да ведь когда я создал многократные случаи приложенного отделения, делает укладчика щелчка .removed, названы многократно (если вы создаете два случая, удаляете тот, это образовывает петли до однажды, удалите второе, которое это закрепляет петлей через дважды и т.д.),

Поскольку каждый раз, когда обработчик события Click выполняется и вы создаете новое отделение , вы связываете новый обработчик событий со всем .removed элементы, справедливое создало всех до одного другие существующие.

3. Как я могу добраться, физическая функциональность скрываются (), на самом деле удаляя приложенное отделение?

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

$('a.addListOVM').click(function(e){    
    e.preventDefault();         
    $('.addCardOVM').append('<div class="divform">' + '-</div>');                 
});

$('.addCardOVM').on('click', '.removed', function(e){            
    e.preventDefault();
    $(this).closest('.divform').remove();
});    
4
добавлено

Используйте jQuery Живые функции, чтобы выбрать динамично добавленный HTML.

 $('.removed').live('click',function(e){            
    e.preventDefault();
    $(this).closest('.divform').hide();
});  
0
добавлено
.live удерживается от использования в пользу .on .
добавлено автор Felix Kling, источник
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing