显示和隐藏jQuery bootstrap

Question

我正在尝试在Bootstrap4中进行模态弹出窗口，我遵循说明打开它，然后我尝试添加hide jquery以在y秒后关闭弹出窗口，但是它不工作。我在某个地方犯了一个错误按钮触发

 <button type="button" class="btn btn-primary" data-toggle="modal" id="myBtn">Pop-up manual trigger </button>

弹出

     <div class="modal fade" id="exModal1button" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body" id="anim">
          <p>Your text ...bla bla... and so on!</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

和jQuery

$(document).ready(function(){
$("#myBtn").click(function(){
    $("#exModal1button").modal("show");
});
    $("exModal1button").hide(5000);});

Answer 1

可能是由于此行中的错误。

$("exModal1button").hide(5000);});

一个额外的闭合卷发。

您可以这样做。

$('#exModal1Button').on('shown.bs.modal', function(){
    setTimeout(function(){$('#exModal1Button').hide();},5000);
    // OR
    setTimeout(function(){$('#exModal1Button').modal('hide');},5000);
})