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’)来启动