jquery bootstrapを表示して非表示にする

Question

bootstrap4でモーダルポップアップを作成しようとしていますが、それを開くための指示に従った後、y秒後にjqueryを非表示にしてポップアップを閉じようとしましたが、 。私はどこか ボタントリガー

<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); 
})