[英]Setting display to none remove the svg element from DOM
使用 jquery 或 javascript 將 display 設置為 none 會從 DOM 中刪除 svg 元素。 這很奇怪。
我正在嘗試使用有效的 jquery 顯示一個帶有確定和取消按鈕的彈出對話框,但是在單擊任何按鈕后,它會從 DOM 中刪除整個 svg 元素
代碼:
<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';
}
執行上述操作是從 DOM 中刪除 svg 元素
按表單中的提交按鈕是問題所在。 即使表單元素沒有表單屬性的常用屬性,按下提交按鈕也會重新加載頁面
選項 1:除非您正在提交數據,否則不要使用
選項 2:在提交按鈕 onclick 中返回 false
每次都選擇選項 1 :p
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.