Вызвать функцию из динамически созданной кнопки

@Александр321321 · Регистрация: 11.11.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте. Есть кнопка, по её нажатию она исчезает, а на её месте появляется новая. Суть в том что у новой кнопки, вызвать функцию уже не получается.
Старая кнопка:

Java
1
2
<button class="glyphicon glyphicon-pencil buttonImg"    title="Изменить" type="submit"
                                value="${shoes.id}" onclick="on(this)"></button>

Java
1
2
3
4
5
$('document').ready(function() {
    $(".buttonImg").on('click', edit); // старая кнопка, функция edit вызывается
    $(".button_no").on('click', edit_no); // новая кнопка edit_no не вызывается
    $(".delete").on('click', delete_shoes);
});

Функция edit:

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function edit() {
    $.ajax({
                url : "edit_shoes",
                data : {
                    "id" : id,
                },
                type : "GET",
                dataType : 'json',
                success : function(data) {
                    out += "<button class='glyphicon glyphicon-ok button_no' type='button' name='id' value='"
                            + data.id   + "' onclick='on(this)' title='Сохранить Изменения'></button>";
                    out += "</td>";
                    document.getElementById("tr" + data.id).innerHTML = out;
                }
            })
}

Но при этом onclick срабатывает. Я понимаю что $(".button_no").on('click', edit_no); надо вставать в другое место, но куда. Если в функцию on(), то получается нажать только с 2 кликов, а надо с одного

@atanov · 14.05.2018, 21:02

Александр321321, уберите событие из HTML и навешивайте с помощью addEventListener('click', название функции обработчика).

@Александр321321 · 14.05.2018, 22:30 **[ТС]**

Не знаю на сколько правильно, а тем более не знаю как я раньше не догадался, но я вместо onclick='on(this)' сразу вызываю функцию и всё работает

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	14.05.2018, 21:02
	Александр321321, уберите событие из HTML и навешивайте с помощью addEventListener('click', название функции обработчика). 1

@Александр321321 55 / 18 / 19 Регистрация: 11.11.2014 Сообщений: 463
	14.05.2018, 22:30 [ТС]
	Не знаю на сколько правильно, а тем более не знаю как я раньше не догадался, но я вместо onclick='on(this)' сразу вызываю функцию и всё работает 0