在模态框中使用html标簽上的自定義屬性來打開模态框後，在使用JS關閉模态框，就會出現多層蒙闆問題
出現這個問題的原因就是沒有仔細看bootstrap的官方文檔，我人麻了，搞了好久
務必将模态框的 HTML 代碼放在文檔的最高層級内（也就是說，盡量作為 body 标簽的直接子元素），以避免其他元件影響模态框的展現或功能。
如果你把模态框放到一個JSP頁面，然後通過<code><jsp:include page=""/></code>标簽引過來，也不算是body的直接子元素，如果你硬要把模态框放到其他位置，也有方法做到
網上有的說使用<code>$(".modal-backdrop").remove();//删除class值為modal-backdrop的标簽，可去除陰影</code>來删除蒙闆，但是删除完之後會出現滾動條消失，無法點選螢幕的緻命bug，這種方法直接pass
我這裡的解決辦法就是點選按鈕裡沒有模态框目标和轉換兩個自定義屬性，直接使用JS代碼來控制打開和關閉模态框，就可以解決
官方給的獲得模态框對象的方法
最好的辦法還是聽官方的話，搞這幹嘛，花裡胡哨的，能用就行
作者：
我吃提子
出處：
https://www.cnblogs.com/MuggleP/p/15586010.html
關于作者：我吃提子
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出,
原文連結
如有問題， 可郵件（[email protected]）咨詢.