bootstrap modal 關閉後還有灰色背景無法操作頁面問題解決

真是天下文章一大炒，網上答案千篇一律。

我的刪除按鈕代碼如下：

<button class="btn btn-danger btn-sm publish_font" ><span class="pe-7s-trash" aria-hidden="true"> 刪除</span></button>

我的模態框代碼：

<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="delModal">
	    <div class="modal-dialog" role="document">
	        <div class="modal-content">
	            <div class="modal-header">
	                <h6 class="modal-title" id="delTitle">刪除確認</h6>
	                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	                    <span aria-hidden="true">&times;</span>
	                </button>
	            </div>
	            <div class="modal-body">
	               <div class="card-body">
						<p class="mb-0" id="delNotice"> 您確認要執行刪除操作嗎? </p>
					</div>
	            </div>
	            <div class="modal-footer">
	                <button type="button" class="btn btn-secondary" id="delCloseBtn" data-dismiss="modal"> 關閉</button>
	            	<button type="button" class="btn btn-danger" id="delBtn" οnclick=""> 確認刪除</button>
	            </div>
	        </div>
	    </div>
	</div>

ajax處理成功後關閉modal代碼：

$("#delModal").modal('hide');

解決辦法很簡單：

$("#delModal").modal('show');

特別注意： 我的點擊按鈕裏是沒有

data-toggle="modal" data-target="#delModal"

這個代碼的，必須去掉。然後用modal(‘show’)來啓動