Настройка отображения на none удаляет элемент svg из DOM

Question

Настройка отображения на none с помощью jquery или javascript удаляет элемент svg из DOM. Это странно.

Я пытаюсь показать всплывающее диалоговое окно с ОК и отменить кнопки с помощью JQuery, который работает, но после нажатия любой из кнопок его удаления весь SVG элемент из DOM

Код:

<div id="dialog" class="bs-example web_dialog"> 
    <form> 
     <div class="form-group"> 
      <div class="col-lg-4" style="left: 173px; top: 258px; visibility: visible; position: absolute; overflow: visible; border: 1px solid #C5C5C5"> 
       <label for="inputEmail">Unique Id/Mobile Number:</label> 
       <input type="number" class="form-control" id="inputEmail" placeholder="Unique Id" width="10px"> 
       <label for="inputPassword">Document URL</label> 
       <input type="url" class="form-control" id="inputPassword" placeholder="URL"> 
       <br> 
       <div class="btn-sm"> 
        <button type="submit" id="btn_save" class="btn btn-primary btn-sm">Ok</button> 
        <button type="submit" id="btn_cancel" class="btn btn-primary btn-sm" onclick="closePopUp(event)">Cancel</button> 
       </div> 
      </div> 
     </div> 
    </form> 
</div> 

<button type="submit" id="btn_cancel" class="btn btn-primary btn-sm" onclick="closePopUp()">Cancel</button> 

function closePopUp() 
{ 
    document.getElementById('dialog').style.display = 'none'; 
} 

Выполнение вышеизложенного удаляет элемент svg из DOM

Answer 1

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

вариант 1: не используйте, если вы отправляете данные

вариант 2: возвращение ложным в кнопки отправки onclick

идти с опцией 1 каждый раз: p