jQuery Mobile динамически создает меню выбора

Question

Мне нужно иметь возможность динамически добавлять строки в таблицу с помощью jQuery mobile.Строки состоят из меню выбора и полей ввода.Код, который у меня есть, работает на чистом jQuery и html, но когда я добавляю мобильные материалы, он перестает работать («добавленные» меню выбора и элементы ввода действуют так, как будто щелкают по первой строке таблицы).У меня здесь jsfiddle .У кого-нибудь есть предложения?Или объяснение того, почему jQuery mobile нарушает мой код?

Answer 1

Когда вы вызываете clone на tr, клонированная строка дословно вставляется в вашу DOM.Чтобы достичь желаемого результата, новый <select> должен иметь уникальный идентификатор.

Вы должны добавить некоторую логику, чтобы новый тег <select> имел другой идентификатор, например select-choice-3, select-choice-4 и т. Д.