Javascript 表单提交后引导模式未关闭

我相信我会在这里得到一个解决方案，引导模式不会在表单提交后消失我只想在表单提交后使引导模式消失，再次单击按钮时（不刷新页面），表单应打开，发送数据和模式应消失，等等…就是这样

以下是引导模式：

&时代；
添加新板

我的表单与主干JS函数绑定：

事件：{
“提交表单。创建类别板”：“createCategoryBoard”
},
createCategoryBoard:函数（事件）{
event.preventDefault（）；
var=这个；
//获取表单属性，重置表单
var$form=$（event.target）；
var attrs=$form.serializeJSON（）；
$form[0].reset（）；
var board=新看板.Models.board（）；
//如果没有板名，则失败
如果（！attrs.board.name）{
变量$createContainer=$（“div.create_board”）；
var$nameInput=that.$el.find（“input.board_name”）；
$createContainer.effect（“抖动”{
距离：9，
时报:2,，
完成：函数（）{
$nameInput.show（）；
$nameInput.focus（）；
}
}, 350);
返回false；
}
attrs.board.category_id=myid；
var category=Kanban.categories.get（myid）；
var板=类别。获取（“分配板”）；
//保存列表
board.save（attrs.board{
成功：功能（数据）{
board.get（“用户”）.add（看板.currentUser）；
董事会。添加（董事会）；
//关注列表输入
那.$el.find（“input.board_name”）.focus（）；
}
});
$（'#basicModal'）.modal（'hide'）；
}

作为上述函数中的最后一行，我尝试了最流行的解决方案

$（“#basicModal”）.modal（'hide'）可在网上下载！它使我的模态看起来像这样：


i、 e.它不会隐藏模式，而且会使屏幕变黑，并将引导模式的方向从屏幕中心更改为稍右。它可能被JS的CSS覆盖。但我不确定
 问题是隐藏模式后，div.modal-background仍然存在，
您可以在开发人员工具中看到它。请尝试简单删除
$（'basicModal'）.modal（'hide'）
$（'.modal background'）.remove（）

干杯
我发布了我自己的答案，因为如果有人需要更快的帮助，那么可能会有帮助：
只需替换：
$（'#basicModal'）.modal（'hide'）使用此行：

$（“.modal header按钮”）。单击（）
这是我的
JS
函数的最后一行。
干杯：）
你能做一个工作吗？@PraveenKumar我不知道如何在plnkr中包含主干代码！通过创建新文件上传所有文件。@PraveenKumar我已经在plnkr上添加了它。你能看到它吗。我不太熟悉这个工具！我想我又错过了什么！嘿@EM923它的工作方式和你家里的工作方式一样吗？当我再次点击打开modal（没有刷新页面）时发生了什么？它不会出现，因为它已被删除！如何使它再次出现在DOM中？