Блог

У меня есть кнопка (Button1) в элементе div. Другая кнопка (Button2) вне этого div может находиться в другом div, при нажатии на Button2 другой div клонируется с использованием метода jQuery «clone()». Каждый раз, когда я нажимаю на кнопку (Button2), новый элемент div с кнопкой клонируется со всеми его событиями.

Пример :

 $(function () {
        $("#Button1").click(function () {
            $("#divHello").clone(true).appendTo("#divBye");
        });
    });
  

Кнопка 1 прикрепляется при нажатии события, чтобы записать свой идентификатор на страницу.
Но проблема в том, что при нажатии кнопки Button2 с помощью Button1 выполняется клонирование столько раз, сколько раз нажималась кнопка, но при нажатии кнопки Button2, хотя он записывает идентификатор на страницу, но все остальные клонированные элементы div удаляются, что не должно соответствовать моему требованию.

Если у кого-то есть решение для этого, пожалуйста, помогите.

Правильно! Вы создаете элементы на стороне клиента, при перезагрузке страницы сервер отправляет обратно то, что у него есть, но не включает элементы, созданные вами на клиенте.