2015-10-07 43 views
2

使用jquery或javascript將display設置爲none可將svg元素從DOM中刪除。這很奇怪。將顯示設置爲none從DOM中刪除svg元素

我試圖表現出了OK的彈出對話框,並取消使用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元素

+0

你可以發佈有問題的元素? –

+0

沒有看到HTML,尤其是id = dialog的** whole **元素,這是無法回答的。 –

+0

把它包裝在Div中。 – Kriggs

回答

1

按下表單中的提交按鈕是問題所在。即使窗體元素現在沒有一個窗體屬性通常屬性,按提交按鈕將刷新頁面

選項1:除非您提交數據

選項2不使用:返回假提交按鈕onclick

每次隨選項1:p