Блог

я не понимаю , после определенных щелчков добавить элемент не срабатывает, он просто останавливается, мои переменные подсчета работают нормально, но не знаю, в чем здесь проблема,

 $(document).on('click','.add-role-btn',function(e){ console.log('working') if (add_count lt; 3){ $('.role-name-container').append( $('lt;input type="text" name="role_name" class="form-control mt-3" placeholder="Role name"gt;') ) } add_count  = 1;   }) $(document).on('click','.delete-role-btn',function(e){ console.log('working') let last_elem = $('.role-name-container').children().last();  if ($('.role-name-container').first().not(last_elem)) { last_elem.remove() } add_count -= 1;   }) 

Я думаю, что вы должны манипулировать переменной add_count только в том случае, если вы добавляете элемент или удаляете его. Подобный этому:

 $(document).on("click", ".add-role-btn", function (e) { console.log("working"); if (add_count lt; 3) { $(".role-name-container").append( $( 'lt;input type="text" name="role_name" class="form-control mt-3" placeholder="Role name"gt;' ) ); add_count  = 1; }});$(document).on("click", ".delete-role-btn", function (e) { console.log("working"); let last_elem = $(".role-name-container").children().last(); if ($(".role-name-container").first().not(last_elem)) { last_elem.remove(); add_count -= 1; }});