Понял!🍻
Взвесив все за и против пришел к выводу, что лучшим вариантом будет показывать html код без подтверждения по кнопке "показать код".
Кликаем по добавлению элементов, и внизу сразу должен появляться html код.
https://jsfiddle.net/pkgmm1ew/27/
Пробовал рекурсию через setTimeout, но опять же, начинаются дубли...
Ну как бы все это верно, но задача немного другая.
Может показаться все запутано но все же попробую объяснить)
Есть такой код https://jsfiddle.net/pkgmm1ew/24/
1. Кликаем по "добавить элемент 1", добавляется красная единичка.
2. Кликаем по "добавить элемент 2", добавляется синяя единичка.
3. Кликаем по "показать код", видим html код.
4. Кликаем по "очистить", html пропадает.
До этого момента было все правильно.
Далее нажимаем "добавить элемент 3", добавляется тройка. Затем жмем "показать код" и тут уже начинается проблема. Код показывает не полностью. То есть должно показать
<div class="v"><span class="z" style="color:red">1</span><span class="z" style="color:blue">2</span><span class="z">3</span></div>
А оно показывает так
<div class="v"><span class="z">3</span></div>
Возвращаясь к теме. Возник вопрос.
По кнопке сейчас кликает бесконечно, подскажите как сделать, что бы кликало только один раз?
Можно просто подменить div после клика, что бы второй раз по нему не кликалось. Но этот вариант
не очень. Есть другие какие то варианты, что бы повторно клик не срабатывал?
https://jsfiddle.net/pkgmm1ew/18/
Всем спасибо за помощь!
Sitealert, да. Вот оно
$('.sp').click(function() { $('body').append('<xmp>рас <br /> два</xmp>'); });
Спасибо )---------- Добавлено 07.06.2017 в 13:02 ----------Sitealert, что значит пока работает? Это от чего зависит?
Нет. Вы не так поняли) В вашем примере не видно html кода после клика.
Вот что надо сделать https://jsfiddle.net/pkgmm1ew/14/ что бы html отображался.
Но тут я применил замену скобок в ручную <br />. Это не удобно если кода будет много.
Да вроде нормально спросил)
Вот тут html по клику выводится в текстареа.
https://jsfiddle.net/pkgmm1ew/12/
Как сделать по клику что бы выводить тот же html код, но не в текстареа, а в обычный div?
Если делать так рас <br /> два то сработает. Но это не вариант так как кода может быть много.
Как выводить код html без текстареа?
Sitealert, а как именно без текстареа? раз уж это так просто)
