Динамическое управление Jquery для нескольких строк таблицы - PullRequest
0 голосов
/ 05 января 2019

Добрый вечер всем,

В настоящее время я разрабатываю приложение, которое извлекает данные из БД через AJAX, вызывая файл .php. У меня есть таблица с 4 столбцами, первые 2 столбца содержат

Первая строка статическая: у меня есть php-запрос, который загружает информацию из 1-го, 2-го и 3-го столбца со значениями по умолчанию.

Когда пользователь выбирает изменить значение 1-го, выберите триггер, запустите функцию Jquery, которая в раскрывающемся списке обновит содержимое 2-го и 3-го столбца. Таким же образом, если пользователь изменяет значение только 2-го столбца, будет раскрыто только значение 3-го столбца.

Если пользователь вносит изменения только с 1-й строкой, у кода проблем нет, но если пользователь нажимает кнопку и через .append () код добавляет еще одну строку с теми же сценариями, что и 1-й, забывчиво новая строка выбора не будет работать.

Пытаясь это исправить, я создал php, который копирует функции изменения Jquery, используя итератор в качестве идентификатора как для функций, так и для строк таблицы.

С помощью инспектора кода Chrome я не нахожу никаких ошибок, но будет работать только jquery select 1-й строки, что странно, учитывая, что 1-я строка функции генерируется тем же классом php, который используется для других.

Волосы падают с моей головы из-за этой проблемы, надеюсь, вы сможете понять и помочь мне.

Спасибо заранее

1 Ответ

0 голосов
/ 05 января 2019

События и обработчики, добавленные в существующие элементы, не будут работать с клонами этих элементов, добавленных позже динамически. Проще говоря, ваши функции, позволяющие выполнять какие-либо действия в раскрывающихся списках и т. Д. В существующих строках, ограничены только этими функциями и не будут применяться ни к каким новым строкам.

Для общего решения рассмотрите возможность написания всех обработчиков событий по отдельности и вызывайте их снова при добавлении новых строк при нажатии кнопки.

Надеюсь, это имело смысл!

...