在我的情况下，主页从引导模式被触发开始不响应后使用$("#modal").modal('toggle');方式，但开始以以下方式回应:

$("#submitBtn").on("click",function(){
  $("#submitBtn").attr("data-dismiss","modal");
});

我们可以用以下方法关闭模式弹出窗口:

// We use data-dismiss property of modal-up in html to close the modal-up,such as

<div class='modal-footer'><button type='button' class="btn btn-default" data-dismiss='modal'>Close</button></div>

 // We can close the modal pop-up through java script, such as

 <div class='modal fade pageModal'  id='openModal' tabindex='-1' data-keyboard='false' data-backdrop='static'>

    $('#openModal').modal('hide'); //Using modal pop-up Id.
    $('.pageModal').modal('hide'); //Using class that is defined in modal html.

在我的例子中，我使用了一个按钮来显示模式

<button type="button" class="btn btn-success" style="color:white"
    data-toggle="modal" data-target="#my-modal-to-show" >
    <i class="fas fa-plus"></i> Call MODAL
</button>

因此，在我的代码中，为了关闭模态(id = 'my-modal-to-show')，我调用了这个函数(在Angular typescript中):

closeById(modalId: string) {
  $(modalId).modal('toggle');
  $(modalId+ ' .close').click();
}

如果我调用$(modalId).modal('hide')它不工作，我不知道为什么

PS:在我的模态中，我用.close类编写了按钮元素

<button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
    <span aria-hidden="true">&times;</span>
</button>

这很有效

$(function () {
   $('#modal').modal('toggle');
});

然而，当你有多个情态动词堆叠在另一个上面时，它是无效的，所以，相反，这是有效的

data-dismiss="modal"

我用这个技巧以编程方式关闭了模态

在modal中添加一个带有data-dismiss="modal"的按钮，并用display: none隐藏该按钮。这是它看起来的样子

<div class="modal fade" id="addNewPaymentMethod" role="dialog">
  <div class="modal-dialog">
   .
   .
   .
   <button type="button" id="close-modal" data-dismiss="modal" style="display: none">Close</button>
  </div>
</div>

现在，当你想以编程方式关闭模态时，只需在该按钮上触发一个单击事件，这对用户是不可见的

在Javascript中，你可以像这样触发点击按钮:

document.getElementById('close-modal').click();

在某些情况下，打字错误可能是罪魁祸首。例如，确保你有:

data-dismiss="modal"

而不是

data-dissmiss="modal"

注意第二个例子中的两个“ss”，它将导致关闭按钮失败。